Firebug

13 Вересня, 2013 0

Firebug – бесплатное расширение для браузера Mozilla Firefox, являющееся консолью, отладчиком, и DOM-инспектором JavaScript, DHTML, CSS, XMLHttpRequest. Firebug показывает в консоли вызвавшую ошибку функцию, стек вызовов функций, вызвавших эту ошибку. Он предупреждает, что CSS-правило или JavaScript-метод/свойство, которое вы пытаетесь использовать, не существует.

С помощью Firebug можно редактировать, отлаживать и анализировать HTML, CSS и Javascript непосредственно на любой веб-странице. Кроме того, при изменении атрибутов тегов и их свойств, можно вживую наблюдать изменения на редактируемой странице.

Изначально Firebug был разработан Джо Хьюит, программистом компании Parakey (англ.), купленной Facebook в июле 2007 года. Впоследствии координацией разработки расширения стала заниматься Рабочая группа Firebug (англ. Firebug Working Group). Наиболее существенный вклад в разработку стали вносить Джон Бартон (англ. John J. Barton) из IBM, сыгравший ключевую роль в подготовке релизов 1.1 и 1.2 и Ян Одварко (англ. Jan Odvarko).

Основные возможности Firebug

Удобный просмотр HTML-кода страницы.
Редактирование HTML и CSS прямо в браузере.
Отладка и профилирование JavaScript.
Мониторинг сетевых запросов.
Анализирование HTTP-заголовков.
Просмотр свойств индивидуальных элементов (правила CSS, размер и позиция в пикселях, свойства DOM, к которым есть доступ из JavaScript).
Подсветка изменений в HTML-коде.
Предпросмотр в CSS цветов и изображений.
Удобный предпросмотр CSS метрики.
Мониторинг времени загрузки элементов страницы.
Мониторинг XMLHttpRequest.
Наличие подсказок к переменным.
Профилирование производительности JavaScript.
Логирование вызовов функций.
Индикатор ошибок в статусной строке.
Фильтрация ошибок.
Исследование и редактирование DOM-объектов.
Навигация по JavaScript-коду при помощи DOM Explorer.
Создание букмарклетов.
Поддержка командной строки.
Проверка кода на работоспособность.
Возможность копирования различные элементов в буфер обмена.
Наличие “чёрного” и “белого” списков сайтов, для которых будет включен или отключен Firebug.

Дополнения к Firebug

Для Firebug создан ряд дополнений, расширяющих его функционал или упрощающих работу с ним:

Firecookie – просмотр и управление cookies.
FirePHP – библиотека и дополнение для отладки PHP-кода с помощью HTTP-заголовков.
FireRainbow – подсветка синтаксиса JavaScript.
YSlow – расширение измеряющее скорость загрузки страницы и её отдельных компонентов.