Firebug

Материал из Википедии — свободной энциклопедии
Перейти к навигации Перейти к поиску
Firebug
Firebug logo.png
Применение браузера на странице Википедии
Применение браузера на странице Википедии
Тип расширение к Firefox[d] и отладчик веб-страниц[d]
Разработчик Хьюитт, Джо (программист)
Устанавливается на Mozilla Firefox
Последняя версия
Лицензия BSD
Сайт getfirebug.com
Commons-logo.svg Медиафайлы на Викискладе

Firebug — отладчик web-приложений, используется как отдельное расширение для браузера Mozilla Firefox, являющееся консолью, отладчиком, и DOM-инспектором JavaScript, DHTML, CSS, XMLHttpRequest[3][4].

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

Разработка[править | править код]

Изначально Firebug был разработан Джо Хьюит, программистом компании Parakey[en], купленной 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].

См. также[править | править код]

Примечания[править | править код]

  1. Firebug 2.0.19
  2. Release 2.0.19 — 2017.
  3. What is Firebug? : Firebug (недоступная ссылка). Дата обращения: 13 ноября 2017. Архивировано 22 августа 2017 года.
  4. Firebug Internals — FirebugWiki (недоступная ссылка). Дата обращения: 13 ноября 2017. Архивировано 14 ноября 2017 года.
  5. 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.
  6. Firebug Working Group — FirebugWiki (недоступная ссылка). Дата обращения: 13 ноября 2017. Архивировано 14 ноября 2017 года.
  7. Get Involved : Firebug (недоступная ссылка). Дата обращения: 13 ноября 2017. Архивировано 11 сентября 2017 года.
  8. Resig, John Tracking Firebug Performance (англ.). John Resig's blog (August 12th, 2008). Дата обращения: 21 мая 2010. Архивировано 25 февраля 2012 года.
  9. Firebug lives on in Firefox DevTools (англ.) (20.12.2016).
  10. Saying Goodbye to Firebug — Mozilla Hacks — the Web developer blog
  11. OpenNews: Firebug интегрируется c Firefox и прекращает разработку браузерного дополнения
  12. OpenNews: Отладчик web-приложений Firebug прекращает своё существование
  13. Debug Web Pages in Firefox With Firebug | PCWorld
  14. Build Better Pages With Firebug | WIRED
  15. AJAX Debugging with Firebug | Dr Dobb’s
  16. Firebug Extensions — FirebugWiki Архивировано 13 ноября 2014 года.
  17. https://getfirebug.com/firebuglite Архивная копия от 25 апреля 2013 на Wayback Machine - Firebug Lite

Ссылки[править | править код]