Если есть одна причина, по которой разработчики продолжают поддерживать Firefox, это Firebug. Firebug — это больше, чем просто дополнение для браузера. Это инструмент, который сделал веб-разработку на стороне клиента сносной. Я убежден, что без Firebug внедрение Ajax, Web2.0 и HTML5 не увеличилось бы такими же темпами.
Хотя Firebug-подобные консоли доступны во всех основных браузерах, инструмент продолжает развиваться, и версия 1.10 будет установлена в вашем браузере в течение следующего дня или двух. Последний выпуск предлагает множество замечательных новых функций и исправлений ошибок, так что давайте посмотрим на лучшее …
Вкладка Cookie
Наиболее очевидной новой функцией является вкладка Cookies, которая позволяет фильтровать, сортировать, проверять, отклонять, создавать, изменять, копировать, экспортировать и удалять существующие куки.
Вы также можете установить точки останова cookie и условия. Просто нажмите на поле точки останова, и отладчик скрипта будет запущен всякий раз, когда этот cookie изменяется.
Функциональность была доступна в дополнении Firebug для Firecookie, но приятно видеть ее в основной установке. Обычно я использую панель инструментов веб-разработчика для управления файлами cookie, но реализация Firebug намного проще.
: focus Поддержка псевдоэлемента
До этого выпуска Firebug поддерживал только состояния: hover и: active в меню «Стиль». Теперь вы можете отобразить стили, примененные к элементам, когда они имеют фокус:
Файл и расположение вычисляемых стилей
Панель вычисленных стилей теперь отображает файл и строку каждого свойства. Ссылки можно нажать, чтобы перейти к этому месту:
Редактирование правил медиазапроса
Объявления CSS @import, использующие медиазапросы, можно редактировать непосредственно на вкладке CSS:
Декларация о веб-шрифтах
Если вы используете веб-шрифты — а кто нет — Firebug теперь может связать вас напрямую с соответствующим кодом @ font-face. Щелкните правой кнопкой мыши имя любого шрифта и выберите « Проверить объявление» .
Улучшения консоли
Консоль необходима для оценки значений JavaScript и фрагментов кода. В редакторе теперь предусмотрена цветовая кодировка и автозаполнение при редактировании свойств CSS, переменных на панели «Просмотр», условий точки останова, чисел, цветов и т. Д.
Кроме того, введите « help », чтобы просмотреть сводку команд API.
Speed Boost
Был внесен ряд улучшений, в том числе:
- нет необходимости перезапускать браузер после установки
- отложенная загрузка: компоненты Firebug запускаются только при необходимости, поэтому время запуска браузера не изменяется
- уменьшенные требования к памяти (хотя это будет видно только в Firefox 15, когда он выйдет через пару месяцев).
Разные улучшения
Хочу больше? Ты понял…
- Вы можете удалить целое правило CSS, щелкнув правой кнопкой мыши селектор и выбрав Удалить « [rule_name] «.
- Объекты HTML могут отображаться в виде символов, имен или символов Юникода — щелкните стрелку раскрывающегося списка на вкладке HTML.
- Цвета могут отображаться в шестнадцатеричном, RGB или HSL формате — щелкните стрелку раскрывающегося списка на вкладке CSS.
- Все пункты меню вкладок имеют подсказку.
Команда проделала фантастическую работу с Firebug 1.10. Дорожная карта для следующей версии имеет амбициозную цель «Инновационные функции, которые может предоставить только Firebug» !
Для получения дополнительной информации и подробностей установки, посетите getfirebug.com .