- Веб-Шаблоны
- Шаблон интернет-магазина
- Шаблоны для CMS
- Facebook шаблоны
- Конструктор сайтов
Инструменты разработчика
Июнь 15, 2011
Иногда, при работе с шаблонами, необходимо изменить HTML-код, CSS стили или JavaScript-файлы. Для изменения некоторых элементов на странице, нужно просмотреть некоторые файлы и отыскать нужную строку.
Этот урок покажет как сделать этот процесс проще и быстрее с помощью инструментов разработчика Вашего браузера.
Инструменты разработчика могут быть использованы для:
- Просмотра HTML-кода;
- Проверки и редактирования CSS-стилей;
- Проверки JavaScript и отслеживания ошибок на сервере.
Mozilla Firefox
Браузер Mozilla Firefox не имеет встроенных инструментов разработчика, Вам необходимо скачать и установить специальный плагин Firebug.
Это самый мощный и простой в использовании инструмент разработчика, поэтому мы настоятельно рекомендуем Вам использовать этот плагин.
![firebug-intro-1](http://info.template-help.com/wp-content/uploads/2011/06/firebug-intro-1-300x67.jpg)
Microsoft Internet Explorer
Браузер MSIE имеет встроенный инструмент разработчика, который может быть включен через меню Tools (Инструменты) > Developer Tool (Инструмент разработчика), или нажатием клавиши F12.
![ie-intro-1](http://info.template-help.com/wp-content/uploads/2011/06/ie-intro-1-300x72.jpg)
Opera
Инструмент разработчика в браузере Opera можно активировать, кликнув правой кнопкой мыши на экране и выбрав Inspect Element (Инспектировать элемент) из выпадающего меню.
![opera-intro-1](http://info.template-help.com/wp-content/uploads/2011/06/opera-intro-1-300x82.jpg)
Google Chrome
В браузере Google Chrome инструмент разработчика может быть активирован таким же образом, как и в браузере Opera — правой кнопкой мыши на экране и выбрав Inspect Element (Инспектировать элемент) из выпадающего меню.
![chrome-intro-1](http://info.template-help.com/wp-content/uploads/2011/06/chrome-intro-1-300x72.jpg)
Safari
Инструмент разработчика в браузере Safari по умолчанию отключён. Чтобы его активировать, перейдите в меню Edit (Редактировать) > Preferences (Настройки) > Advanced (Дополнительно) и включить опцию Show Develop menu in menu bar. После этого Вы можете открыть окно инструментов разработчика, щёлкнув правой кнопкой мыши на элемент сайт и выбрав меню Inspect Element.
![safari-intro-1](http://info.template-help.com/wp-content/uploads/2011/06/safari-intro-1-300x88.jpg)