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

Firebug - это прекращенное бесплатное расширение веб-браузера с открытым исходным кодом [4] для Mozilla Firefox [2], которое обеспечивает оперативную отладку , редактирование и мониторинг 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 также может регистрировать ошибки. Для ведения журнала используется Firebug JavaScript API. Панель JavaScript Firebug может регистрировать ошибки, вызовы функций профиля и позволять разработчику запускать произвольный JavaScript. Firebug позволяет пользователям запускать код JavaScript через командную строку и позволяет пользователю регистрировать ошибки, возникающие в JavaScript, CSS и XML. Firebug предоставляет отдельный текстовый редактор для изменения JavaScript и немедленного просмотра результатов в браузере пользователя.

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

Расширения [ править ]

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

FlashFirebug [ править ]

FlashFirebug платное расширение Firebug [20] , что помогает флэш и Flex разработчикам отлаживать Adobe SWF файлов в Интернете . FlashFirebug был разработан O-Minds [21] и распространяется под лицензией GPLv3 .

В феврале 2012 года O-Minds приобрела код для FlashBug [22], конкурирующего расширения Firefox. Flashbug имел обширные возможности для анализа объектов AMF и общих объектов и частичной декомпиляции файлов Adobe SWF непосредственно в браузере. [22] Вскоре после покупки, O-Minds интегрировала ключевые функции FlashBug в FlashFirebug и удалила Flashbug [23] из репозитория AMO .

В настоящее время расширение отображает текстовый вывод из трассировки () команды в Adobe SWF фильма, [21] с дисплеем Дерево с иерархией экранных объектов и их свойств, [21] зрителей для АМФ и совместно используемые объекты , [21] и инструмент изменять трехмерное преобразование любого экранного объекта на сцене. [21]

См. Также [ править ]

  • Вспышка нестилизованного контента
  • Google Chrome § Пользовательский интерфейс (Google Chrome Inspector)
  • Инструменты разработчика Internet Explorer
  • Опера Стрекоза
  • Safari (веб-браузер) § Другие функции (Web Inspector)

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

  1. ^ "История версий Firebug" . Расширение Mozilla . 2017-02-16. Архивировано из оригинала на 2017-07-02 . Проверено 19 августа 2015 .
  2. ^ a b «Надстройка Mozilla Firefox» . Архивировано из оригинала на 2017-04-24 . Проверено 27 сентября 2011 .
  3. ^ a b «Обзор Firebug» . Архивировано из оригинала на 2014-12-06 . Проверено 13 ноября 2014 .
  4. ^ Firebug на GitHub
  5. ^ "Домашняя страница Firebug" . Архивировано из оригинала на 2014-12-22 . Проверено 13 ноября 2014 .
  6. ^ O'Reilly Performance Tools: Приложение - Еще более быстрые сайты
  7. ^ "Домашняя страница Firebug Lite" . Архивировано из оригинала на 2014-12-17 . Проверено 24 ноября 2010 .
  8. ^ Firebug Lite для Chrome
  9. ^ Надежда, Пако; Вальтер, Бен (2008 г.), Поваренная книга по тестированию веб-безопасности , Севастополь, Калифорния: O'Reilly Media, Inc., ISBN 978-0-596-51483-9
  10. ^ «Высокопроизводительные веб-сайты», Стив Содерс, CACM, декабрь 2008 г.
  11. ^ «Прощание с Firebug» . Mozilla Hacks . Проверено 24 октября 2017 .
  12. ^ a b c Одварко, январь «Выпуск Firebug 2.0» . Рабочая группа Firebug . Проверено 15 октября 2015 года .
  13. ^ Odvarko, январь "Firebug 3.0 Следующее поколение" . Рабочая группа Firebug . Проверено 10 ноября 2014 года .
  14. Перейти ↑ Hewitt, J. (2007). Отладка Ajax с помощью firebug . Журнал доктора Добба, 32 (2), 22-26.
  15. ^ "Что такое Firebug?" . Архивировано из оригинала на 2014-12-22 . Проверено 13 ноября 2014 .
  16. ^ Salkosuo Сам (2008-05-06). «Отлаживайте и настраивайте приложения на лету с помощью Firebug» . IBM Developer Works . Проверено 6 мая 2008 года .
  17. ^ Цукерман, Эрез (2012-01-06). «Отладка веб-страниц в Firefox с помощью Firebug» . Мир ПК . Проверено 6 января 2012 года .
  18. ^ Suehring, Стив. «Выявление проблем JavaScript с помощью Firebug» . Манекены.
  19. ^ «Список известных расширений Firebug» . Архивировано из оригинала на 2014-11-13 . Проверено 13 ноября 2014 .
  20. ^ Страница надстройки FlashFirebug
  21. ^ a b c d e Страница продукта O-Minds FlashFirebug
  22. ^ a b Страница проекта Flashbug
  23. ^ Страница надстройки Flashbug

Дальнейшее чтение [ править ]

  • Лутра, Чандан; Миттал, Дипак (7 апреля 2010 г.). Firebug 1.5: редактирование, отладка и мониторинг веб-страниц (1-е изд.). Packt Publishing . п. 224. ISBN 978-1-84719-496-1.

Внешние ссылки [ править ]

  • Официальный веб-сайт