Расширение Firebug для браузера Mozilla Firefox

Расширение Firebug, как и другие полезные расширения предназначено для увеличения возможностей браузера. Изначально, этот плагин был создан независимой группой разработчиков для браузера Firefox, именно поэтому в нем Firebug имеет больше всего функций. Для остальных браузеров, например, таких как: Opera, Chrome, IE, есть упрощенная версия, которая называется Firebug Lite. Она немного уступает оригиналу, однако, для большинства случаев вполне работоспособна.

Установка Firebug практически ничем не отличается от установки большинства расширений для Firefox. Для установки Firebug достаточно перейти на страничку расширения на официальном сайте Mozilla https://addons.mozilla.org/ru/firefox/addon/firebug и установить в пару кликов, или скачать с сайта самого плагина Firebug.

Firebug используется для редактирования HTML и CSS на лету, и отладки JavaScript. Очень полезный интсрумент для создания сайта. Основным режимом работы является «Консоль», и предназначен он для просмотра ошибок и выполнения различных команд. Как правило, в этой панели отслеживаются те ошибки, которые необходимо сейчас исправить. Если ошибка происходит из-за сценария JavaScript, то нажав на нее, мы переходим в режим отладки JavaScript.

В панели отладки JS можно выполнять скрипты, добавлять точки остановки, просматривать стек вызовов. Это может упростить разработку динамически загружаемых страниц.

Перейдя во вкладку HTML можно посмотреть и отредактировать код страницы, в данный момент загруженной в браузере. Для редактирования дважды кликните по нужному тегу.

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

В остальных панелях можно работать с иерархической моделью элементов сайта и отслеживать загружаемые файлы веб-страницы.

Рекомендуем почитать