Инструменты разработчика

Иногда, при работе с шаблонами, необходимо изменить HTML-код, CSS стили или JavaScript-файлы. Для изменения некоторых элементов на странице, нужно просмотреть некоторые файлы и отыскать нужную строку.

Этот урок покажет как сделать этот процесс проще и быстрее с помощью инструментов разработчика Вашего браузера.

Инструменты разработчика могут быть использованы для:

• Просмотра HTML-кода;
• Проверки и редактирования CSS-стилей;
• Проверки JavaScript и отслеживания ошибок на сервере.

Mozilla Firefox

Браузер Mozilla Firefox не имеет встроенных инструментов разработчика, Вам необходимо скачать и установить специальный плагин Firebug.
Это самый мощный и простой в использовании инструмент разработчика, поэтому мы настоятельно рекомендуем Вам использовать этот плагин.

Узнать больше…

Microsoft Internet Explorer

Браузер MSIE имеет встроенный инструмент разработчика, который может быть включен через меню Tools (Инструменты) > Developer Tool (Инструмент разработчика), или нажатием клавиши F12.

Opera

Инструмент разработчика в браузере Opera можно активировать, кликнув правой кнопкой мыши на экране и выбрав Inspect Element (Инспектировать элемент) из выпадающего меню.

Google Chrome

В браузере Google Chrome инструмент разработчика может быть активирован таким же образом, как и в браузере Opera — правой кнопкой мыши на экране и выбрав Inspect Element (Инспектировать элемент) из выпадающего меню.

Safari

Инструмент разработчика в браузере Safari по умолчанию отключён. Чтобы его активировать, перейдите в меню Edit (Редактировать) > Preferences (Настройки) > Advanced (Дополнительно) и включить опцию Show Develop menu in menu bar. После этого Вы можете открыть окно инструментов разработчика, щёлкнув правой кнопкой мыши на элемент сайт и выбрав меню Inspect Element.