Firebug
Firebug — отладчик web-приложений, используется как отдельное расширение для браузера Mozilla Firefox, являющееся консолью, отладчиком, и DOM-инспектором JavaScript, DHTML, CSS, XMLHttpRequest[3][4].
Firebug | |
---|---|
![]() | |
![]() Применение браузера на странице Википедии | |
Тип | расширение к Firefox[d] и отладчик веб-страниц[d] |
Разработчик | Хьюитт, Джо (программист) |
Устанавливается на | Mozilla Firefox |
Последняя версия | |
Лицензия | BSD |
Сайт | getfirebug.com |
![]() |
Firebug показывает в консоли вызвавшую ошибку функцию, стек вызовов функций, вызвавших эту ошибку. Он предупреждает, что правило CSS или метод/свойство JavaScript, которое вы пытаетесь использовать, не существует.
Разработка
Изначально Firebug был разработан Джо Хьюит, программистом компании Parakey, купленной Facebook в июле 2007 года[5].
Впоследствии координацией разработки расширения стала заниматься Рабочая группа Firebug (англ. Firebug Working Group)[6]. Наиболее существенный вклад в разработку стали вносить Джон Бартон (англ. John J. Barton) из IBM, сыгравший ключевую роль в подготовке релизов 1.1 и 1.2 и Ян Одварко (англ. Jan Odvarko)[7][8].
Разработчики Mozilla и Firebug объявили о слиянии Firebug и набора инструментов DevTools, предлагаемого в составе Firefox. Разработка Firebug в виде отдельного дополнения будет прекращена, а его функциональность со временем войдёт в основной состав Firefox DevTools[9][10][11][12].
Возможности
- Удобный просмотр HTML-кода страницы. Функция Inspect позволяет точно определить местонахождение тега того или иного элемента, просмотреть все «привязанные» к нему свойства и стили.
- Редактирование HTML и CSS прямо в браузере[13]. Можно изменять атрибуты тегов и значения свойств для того, чтобы пронаблюдать изменения. Удобно для тех случаев, когда нужно путём экспериментов найти наиболее приемлемый вариант оформления создаваемой страницы[14].
- Отладка JavaScript[15].
- Отслеживание процесса загрузки страницы.
- Просмотр HTTP-заголовков обычных и AJAX-запросов.
Дополнения к Firebug
Для Firebug создан ряд дополнений, расширяющих его функциональность или упрощающих работу с ним[16]:
- Firecookie — просмотр и управление cookies
- FirePHP — библиотека и дополнение для отладки PHP-кода с помощью HTTP-заголовков
- FireRainbow (недоступная ссылка) — подсветка синтаксиса JavaScript
- YSlow — расширение измеряющее скорость загрузки страницы и её отдельных компонентов
Firebug Lite
Для браузеров Internet Explorer, Opera, Safari и Google Chrome существует упрощённый вариант — Firebug Lite. Он представляет собой JavaScript-файл, который необходимо включить в отлаживаемую HTML-страницу или использовать в режиме «букмарклета»[17].
Примечания
- Firebug 2.0.19
- Release 2.0.19 — 2017.
- What is Firebug? : Firebug (недоступная ссылка). Дата обращения: 13 ноября 2017. Архивировано 22 августа 2017 года.
- Firebug Internals — FirebugWiki (недоступная ссылка). Дата обращения: 13 ноября 2017. Архивировано 14 ноября 2017 года.
- Chandan Luthra, Deepak Mittal. The history of Firebug // Overview of Firebug 1.5: Editing, Debugging, and Monitoring Web Pages / Reviewers: Balaji D Loganathan, Michael Ratcliffe, Michael Sync. — 1st ed. — Birmingham: Packt Publishing Ltd., 2010. — С. 8. — 224 с. — ISBN 978-1-847194-96-1.
- Firebug Working Group — FirebugWiki (недоступная ссылка). Дата обращения: 13 ноября 2017. Архивировано 14 ноября 2017 года.
- Get Involved : Firebug (недоступная ссылка). Дата обращения: 13 ноября 2017. Архивировано 11 сентября 2017 года.
- Resig, John Tracking Firebug Performance (англ.) (недоступная ссылка). John Resig's blog (August 12th, 2008). Дата обращения: 21 мая 2010. Архивировано 25 февраля 2012 года.
- Firebug lives on in Firefox DevTools (англ.) (20.12.2016).
- Saying Goodbye to Firebug — Mozilla Hacks — the Web developer blog
- OpenNews: Firebug интегрируется c Firefox и прекращает разработку браузерного дополнения
- OpenNews: Отладчик web-приложений Firebug прекращает своё существование
- Debug Web Pages in Firefox With Firebug | PCWorld
- Build Better Pages With Firebug | WIRED
- AJAX Debugging with Firebug | Dr Dobb’s
- Firebug Extensions — FirebugWiki Архивировано 13 ноября 2014 года.
- https://getfirebug.com/firebuglite Архивная копия от 25 апреля 2013 на Wayback Machine - Firebug Lite
Ссылки
- getfirebug.com (англ.) — официальный сайт расширения Firebug
- Страница расширения на addons.mozilla.org
- Firebug GitHub
- Firebug Wiki
- Firebug Lite
- Firebug — Mozilla Hacks — the Web developer blog