Firebug (программное обеспечение)
Дополнение для веб-разработки для Firefox
Поджигатель
Оригинальный автор(ы)Джо Хьюитт
Разработчик(и)Рабочая группа Firebug
Стабильный релиз
2.0.19 [1] / 16 февраля 2017 г. ; 7 лет назад ( 2017-02-16 )
Репозиторий
  • github.com/firebug/firebug
Написано вJavaScript , XUL , CSS
Операционная системаКроссплатформенный
ТипРасширение Mozilla [2]
ЛицензияНовая лицензия BSD [3]
Веб-сайтgetfirebug.com

Firebug — это упразднённое бесплатное расширение для веб-браузера Mozilla Firefox [2] с открытым исходным кодом [ 4] , которое облегчало отладку , редактирование и мониторинг CSS , HTML , DOM , XHR и JavaScript любого веб-сайта . [5]

История

Firebug был лицензирован по лицензии BSD [3] и изначально был написан в январе 2006 года Джо Хьюиттом , одним из создателей Firefox. [6] Рабочая группа Firebug курировала разработку и расширение Firebug с открытым исходным кодом. У него было две основные реализации: расширение для Mozilla Firefox и реализация букмарклета под названием Firebug Lite [7] , которую можно использовать с Google Chrome . [8]

Помимо отладки веб-страниц, Firebug использовался для тестирования веб-безопасности [9] и анализа производительности веб-страниц. [10]

Firebug был устарел в пользу интегрированных инструментов разработчика, добавленных в сам Firefox, функциональность которых была унифицирована с Firebug. Поскольку Firefox 57 больше не поддерживает дополнения XUL, Firebug больше несовместим. [11]

История версий

Версия 2.0

Firebug 2.0 представил множество новых функций для расширения Firebug, включая подсветку синтаксиса JavaScript , симпатичную печать для минимизированного кода JavaScript и инспектор событий DOM для обработки всех обработчиков событий на веб-странице. Кроме того, пользователи могут искать элементы страницы, используя селекторы CSS в строке поиска. Инструмент отладки теперь позволяет пользователям проверять выражения JavaScript по мере их оценки. Более того, пользователи могут проверять значения, возвращаемые функциями JavaScript. Он также добавляет возможность создавать новые атрибуты HTML для существующих элементов HTML. [12]

Версия 3.0

10 ноября 2014 года был анонсирован Firebug 3.0, и альфа-версия стала доступна публике. [13] Эта версия должна была включать новую тему и была бы сосредоточена на пользовательском опыте.

Функции

Firebug вносит изменения немедленно и дает постоянную обратную связь пользователю. Все редакторы в Firebug поддерживают автозаполнение . [12]

Командная строка Firebug принимает команды, написанные на JavaScript. Результат выполнения каждой команды отображается в консоли в виде гиперссылок. Приложение Firebug содержит несколько окон, разделяя связанные функции в одно общее окно. [14] Firebug также позволяет пользователям просматривать время загрузки отдельных файлов. Он разделяет различные типы объектов, такие как файлы JavaScript и изображения, и может определять, какие файлы загружаются из кэша браузера. Firebug также имеет возможность проверять заголовки HTTP и временные метки относительно того, когда был сделан HTTP-запрос. [15] Его сетевая панель может отслеживать URL-адреса, которые запрашивает браузер, такие как внешние CSS, JavaScript и файлы изображений.

HTML и CSS

Инструменты HTML и CSS позволяют проверять и редактировать элементы HTML и CSS на веб-странице. [16] Более поздние версии Firebug позволяют пользователям видеть изменения CSS в реальном времени. [12] Визуализация элементов CSS отображается при проверке элементов HTML. Вкладка макета Firebug используется для отображения и управления значениями свойств CSS. Кроме того, пользователи могут щелкнуть по любому видимому элементу HTML на веб-странице, чтобы получить доступ к его значениям свойств CSS. [17]

Консоль JavaScript

Вкладка скрипта Firebug позволяет пользователям устанавливать точки останова и проходить по строкам кода. [18] Кроме того, Firebug может напрямую переходить к строке кода JavaScript, отслеживать выражения, вызывать стеки и запускать отладчик в случае возникновения ошибки во время выполнения. Firebug также может регистрировать ошибки. Для регистрации используется API Firebug JavaScript. Панель JavaScript Firebug может регистрировать ошибки, профилировать вызовы функций и позволять разработчику запускать произвольный JavaScript. Firebug позволяет пользователям запускать код JavaScript через командную строку и регистрировать ошибки, возникающие в JavaScript, CSS и XML. Firebug предоставляет отдельный текстовый редактор для изменения JavaScript и немедленного просмотра результатов в браузере пользователя.

Как указано в обновлении, командная строка JavaScript имеет функцию автозаполнения. Текстовый редактор также предоставляет возможность писать полные функции. Firebug требует от пользователя обновить веб-страницу в случае сбоя.

Расширения

Было сделано много расширений для улучшения Firebug. Поскольку Firebug имеет открытый исходный код, пользователи могут вносить свои собственные расширения в сообщество Firebug. [19]

Смотрите также

Ссылки

  1. ^ "История версий Firebug". Расширение Mozilla . 2017-02-16. Архивировано из оригинала 2017-07-02 . Получено 2015-08-19 .
  2. ^ ab "Mozilla Firefox Add-on". Архивировано из оригинала 2017-04-24 . Получено 2011-09-27 .
  3. ^ ab "Обзор Firebug". Архивировано из оригинала 2014-12-06 . Получено 2014-11-13 .
  4. ^ Firebug на GitHub
  5. ^ "Firebug Home Page". Архивировано из оригинала 2014-12-22 . Получено 2014-11-13 .
  6. ^ O'Reilly Performance Tools: Приложение — Еще более быстрые веб-сайты
  7. ^ "Firebug Lite Homepage". Архивировано из оригинала 2014-12-17 . Получено 2010-11-24 .
  8. ^ Firebug Lite для Chrome
  9. ^ Хоуп, Пако; Уолтер, Бен (2008), Web Security Testing Cookbook , Севастополь, Калифорния: O'Reilly Media, Inc., ISBN 978-0-596-51483-9
  10. ^ «Высокопроизводительные веб-сайты», Стив Соудерс, CACM, декабрь 2008 г.
  11. ^ "Прощание с Firebug". Mozilla Hacks . Получено 24.10.2017 .
  12. ^ abc Odvarko, Jan. "Firebug 2.0 Release". Firebug Working Group . Получено 15 октября 2015 г.
  13. ^ Одварко, Ян. "Firebug 3.0 The Next Generation". Рабочая группа Firebug . Получено 10 ноября 2014 г.
  14. ^ Хьюитт, Дж. (2007). Отладка Ajax с помощью Firebug. Журнал доктора Добба, 32(2), 22-26.
  15. ^ "Что такое Firebug?". Архивировано из оригинала 2014-12-22 . Получено 2014-11-13 .
  16. ^ Салкосуо, Сами (2008-05-06). "Отладка и настройка приложений на лету с помощью Firebug". IBM Developer Works . Получено 6 мая 2008 г.
  17. ^ Цукерман, Эрез (2012-01-06). "Отладка веб-страниц в Firefox с помощью Firebug". PC World . Получено 6 января 2012 г.
  18. ^ Сюринг, Стив. «Выявление проблем JavaScript с помощью Firebug». Чайники.
  19. ^ "Список известных расширений Firebug". Архивировано из оригинала 2014-11-13 . Получено 2014-11-13 .

Дальнейшее чтение

  • Luthra, Chandan; Mittal, Deepak (7 апреля 2010 г.). Firebug 1.5: Редактирование, отладка и мониторинг веб-страниц (1-е изд.). Packt Publishing . стр. 224. ISBN 978-1-84719-496-1.
  • Официальный сайт
Взято с "https://en.wikipedia.org/w/index.php?title=Firebug_(программное обеспечение)&oldid=1191338117"