Firebug (программное обеспечение)

поджигатель
	Firebug 2.0.1 работает в Firefox 30.0 под Windows 7 с активной панелью HTML на главная страница Википедии.
Оригинальный автор(ы)	Джо Хьюитт
Разработчик(и)	Рабочая группа Firebug
Стабильная версия	2.0.19 / 16 февраля 2017 г .; 7 лет назад
Репозиторий	github .с /firebug /firebug ;
Написано в	JavaScript , XUL , CSS
Операционная система	Кросс-платформенный
Тип	Расширение Мозиллы
Лицензия	Новая лицензия BSD
Веб-сайт	получить firebug .с

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

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

Расширения

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

См. также

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

Ссылки

^ «История версий Firebug» . Расширение Мозиллы . 16 февраля 2017 г. Архивировано из оригинала 2 июля 2017 г. Проверено 19 августа 2015 г.
^ Jump up to: ^а ^б «Дополнение Mozilla Firefox» . Архивировано из оригинала 24 апреля 2017 г. Проверено 27 сентября 2011 г.
^ Jump up to: ^а ^б «Обзор Firebug» . Архивировано из оригинала 6 декабря 2014 г. Проверено 13 ноября 2014 г.
^ Firebug на GitHub
^ «Домашняя страница Firebug» . Архивировано из оригинала 22 декабря 2014 г. Проверено 13 ноября 2014 г.
^ Инструменты производительности O'Reilly: Приложение - Еще более быстрые веб-сайты
^ «Домашняя страница Firebug Lite» . Архивировано из оригинала 17 декабря 2014 г. Проверено 24 ноября 2010 г.
^ Firebug Lite для Chrome
^ Надеюсь, Пако; Уолтер, Бен (2008), Поваренная книга по тестированию веб-безопасности , Севастополь, Калифорния: O'Reilly Media, Inc., ISBN 978-0-596-51483-9
^ «Высокопроизводительные веб-сайты», Стив Содерс, CACM, декабрь 2008 г.
^ «Прощаемся с Firebug» . Хаки Мозиллы . Проверено 24 октября 2017 г.
^ Jump up to: ^а ^б ^с Одварко, Ян. «Выпуск Firebug 2.0» . Рабочая группа по Firebug . Проверено 15 октября 2015 г.
^ Одварко, Ян. «Firebug 3.0: Следующее поколение» . Рабочая группа по Firebug . Проверено 10 ноября 2014 г.
^ Хьюитт, Дж. (2007). Отладка Ajax с помощью Firebug . Журнал доктора Добба, 32 (2), 22–26.
^ «Что такое Файербаг?» . Архивировано из оригинала 22 декабря 2014 г. Проверено 13 ноября 2014 г.
^ Салкосуо, Сами (6 мая 2008 г.). «Отладка и настройка приложений на лету с помощью Firebug» . IBM Developer Works . Проверено 6 мая 2008 г.
^ Цукерман, Эрез (6 января 2012 г.). «Отладка веб-страниц в Firefox с помощью Firebug» . Мир ПК . Проверено 6 января 2012 года .
^ Зюринг, Стив. «Выявление проблем JavaScript с помощью Firebug» . Манекены.
^ «Список известных расширений Firebug» . Архивировано из оригинала 13 ноября 2014 г. Проверено 13 ноября 2014 г.

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

Лутра, Чандан; Миттал, Дипак (7 апреля 2010 г.). Firebug 1.5: Редактирование, отладка и мониторинг веб-страниц (1-е изд.). Пакт Паблишинг . п. 224. ИСБН 978-1-84719-496-1 .

Внешние ссылки

Официальный сайт

[1] «История версий Firebug» . Расширение Мозиллы . 16 февраля 2017 г. Архивировано из оригинала 2 июля 2017 г. Проверено 19 августа 2015 г.

[mozilla_add-on-2] Jump up to: ^а ^б «Дополнение Mozilla Firefox» . Архивировано из оригинала 24 апреля 2017 г. Проверено 27 сентября 2011 г.

[license-3] Jump up to: ^а ^б «Обзор Firebug» . Архивировано из оригинала 6 декабря 2014 г. Проверено 13 ноября 2014 г.

[4] Firebug на GitHub

[5] «Домашняя страница Firebug» . Архивировано из оригинала 22 декабря 2014 г. Проверено 13 ноября 2014 г.

[6] Инструменты производительности O'Reilly: Приложение - Еще более быстрые веб-сайты

[7] «Домашняя страница Firebug Lite» . Архивировано из оригинала 17 декабря 2014 г. Проверено 24 ноября 2010 г.

[8] Firebug Lite для Chrome

[HopeWalther-9] Надеюсь, Пако; Уолтер, Бен (2008), Поваренная книга по тестированию веб-безопасности , Севастополь, Калифорния: O'Reilly Media, Inc., ISBN 978-0-596-51483-9

[10] «Высокопроизводительные веб-сайты», Стив Содерс, CACM, декабрь 2008 г.

[11] «Прощаемся с Firebug» . Хаки Мозиллы . Проверено 24 октября 2017 г.

[Firebug_2.0_Update-12] Jump up to: ^а ^б ^с Одварко, Ян. «Выпуск Firebug 2.0» . Рабочая группа по Firebug . Проверено 15 октября 2015 г.

[Firebug_3.0_Update-13] Одварко, Ян. «Firebug 3.0: Следующее поколение» . Рабочая группа по Firebug . Проверено 10 ноября 2014 г.

[14] Хьюитт, Дж. (2007). Отладка Ajax с помощью Firebug . Журнал доктора Добба, 32 (2), 22–26.

[15] «Что такое Файербаг?» . Архивировано из оригинала 22 декабря 2014 г. Проверено 13 ноября 2014 г.

[16] Салкосуо, Сами (6 мая 2008 г.). «Отладка и настройка приложений на лету с помощью Firebug» . IBM Developer Works . Проверено 6 мая 2008 г.

[17] Цукерман, Эрез (6 января 2012 г.). «Отладка веб-страниц в Firefox с помощью Firebug» . Мир ПК . Проверено 6 января 2012 года .

[18] Зюринг, Стив. «Выявление проблем JavaScript с помощью Firebug» . Манекены.

[19] «Список известных расширений Firebug» . Архивировано из оригинала 13 ноября 2014 г. Проверено 13 ноября 2014 г.

[ 1 ]

[ 2 ]

[ 3 ]

[ 4 ]

[ 5 ]

[ 6 ]

[ 7 ]

[ 8 ]

[ 9 ]

[ 10 ]

[ 11 ]

[ 12 ]

[ 13 ]

[ 14 ]

[ 15 ]

[ 16 ]

[ 17 ]

[ 18 ]

[ 19 ]

v т и JavaScript
Анализ кода	ESLint JSHint JSLint
Суперсеты	JS++ Машинопись АркТС
Транспиллеры	AtScript Вавилон ClojureScript Кофескрипт Дарт Вяз Эмскрипты Компилятор закрытия Google Веб-инструментарий Google Смешанный LiveScript Морфик Nim Опа Чистый скрипт Причина ВебШарпер
Концепции	библиотека JavaScript Синтаксис JavaScript
Отладчики	Инструменты разработчика Chrome Инспектор Firefox Комодо IDE Инструменты разработчика Microsoft Edge Инструменты разработчика Opera Веб-инспектор Safari
Генераторы документов	JSDoc
Редакторы ( сравнение )	Туз Cloud9 IDE Атом КодЗеркало Кронштейны Световой стол PhpStorm Орион Визуальная Студия Визуальная Студия Экспресс Код Visual Studio Командные службы Visual Studio Почему
Двигатели	Список движков ECMAScript
Рамки	Сравнение фреймворков JavaScript Список библиотек JavaScript
Связанные технологии	Аякс Ассемблерскрипт asm.js Каскадные таблицы стилей Объектная модель документа HTML HTML5 JSON Веб-сборка ВебАутн
Менеджеры пакетов	НПМ пряжа
Сборщики модулей	Веб-пакет Быстро эсбилд
Серверная часть	Активные страницы сервера Хороший CommonJS Дено JSGI Node.js Ваканда
модульного тестирования Фреймворки ( список )	Жасмин Является Мокко куни
People	Douglas Crockford Ryan Dahl Brendan Eich John Resig