Новая версия инструмента веб-разработки с открытым исходным кодом, Firebug 2.0, претерпела значительные изменения и оснащена новым механизмом отладки.
Надстройка Firefox Firebug позволяет пользователям проверять HTML и изменять стиль и макет в режиме реального времени, предоставляет отладчик JavaScript и средства для анализа использования сети и производительности.
Объявляя о выпуске новой версии, ведущий разработчик Firebug Ян «Honza» Одварко написал:
Firebug 2 представляет множество новых функций и исправлений ошибок также потому, что мы полностью удалили зависимость от древнего механизма отладки Firefox (он же JSD1) и включили новый механизм отладки, известный как JSD2.
Его выпуск совпадает с Firefox 30, который является второстепенным выпуском, в основном исправляющим ошибки, но он предполагает серьезные изменения в Firefox 31, которые предусматривают удаление JSD1 из Firefox.
Помимо обновленного пользовательского интерфейса, который описывается как «чистый и более интуитивно понятный, одна из наиболее заметных новых функций Firebug 2.0 — это то, что панель Script поддерживает подсветку синтаксиса JavaScript:
Подсветка синтаксиса включена для HTML и CSS.
Еще одна полезная функция, если вы имеете дело с минимизированным кодом JavaScript, заключается в том, что панель «Сценарий» теперь поддерживает красивую печать для отображения длинных строк кода в удобочитаемой форме.
Другие улучшения заключаются в следующем:
В надстройку интегрировано расширение EventBug для Dom Events.
Поиск на панели HTML был улучшен и теперь поддерживает регулярные выражения и селекторы CSS.
Улучшено автозаполнение кода. Он доступен в редакторе команд на панели консоли, также работает во всплывающем диалоговом окне условия точки останова, где он предлагает переменные в текущей области и при редактировании атрибутов HTML и SVG.
Новый инспектор выражений JavaScript
Новая опция на панели консоли позволяет группировать журналы из одного и того же места.
Возможность проверить возвращаемые значения функции JavaScript.
Теперь вы можете отображать или скрывать определенные панели Firebug 2.0.
Новая опция Color As Authored на панели CSS для сравнения информации о стиле с выводом браузера.
Возможность быстрее создавать новые атрибуты HTML
Возможность проверять зарегистрированных наблюдателей мутаций для любого заданного элемента.
В этом видео рассказывается о многих новых функциях:
После установки Firebug он принимает ярлык инструментов разработчика Firefox по умолчанию (F12).