Если бы не Firebug, Firefox не обязательно был бы самым популярным браузером для веб-разработки. Тем не менее, без Firebug у нас не было бы отличных инструментов для разработчиков, таких как инспектор Webkit, Opera Dragonfly или инструменты разработчика IE.
Инструмент забит удивительными функциями. Я стараюсь не отставать от разработок, но легко пропустить гемы, такие как изучение состояний CSS: active и: hover . Firebug 1.8 только что был выпущен, и он должен автоматически обновиться в вашем браузере. Кроме того, зайдите на getfirebug.com для получения ссылок на скачивание и инструкций по установке.
Только Firefox 5.0
Если вы все еще используете Firefox 3.x или 4.0, я боюсь, что вы застряли с Firebug 1.7.3. Разработка Firebug отражает график быстрого обновления Mozilla, поэтому вам понадобится последняя версия, чтобы использовать новые функции…
Параметры панели DOM
До сих пор Firebug показывал все свойства объекта DOM, включая свойства в цепочке прототипов. Были добавлены две дополнительные опции:
- Показать только собственные свойства удалить свойства родительских объектов
- Показать перечисляемые свойства только
CSS Color Tooltips
Firebug теперь показывает предварительный просмотр цветов hex, rgb, rgba, hsl и hsla, как некоторые из его конкурирующих консолей:
CSS3 Размер коробки
CSS3 вводит свойство размера блока для элементов. Может быть установлено:
- content-box : модель CSS2.1 по умолчанию, где размеры определяются суммой ширины, высоты, отступов и границ.
- border-box : заставляет элемент отображаться с указанной шириной и высотой, включая отступы и границы.
Firebug 1.8 отображает используемую модель размеров коробки:
console.timeStamp
Инструменты профилирования скриптов в Firebug были усовершенствованы с помощью новой API-команды console.timeStamp([msg]) Когда console.timeStamp(); встречается в вашем коде, маркер временной шкалы добавляется на панель Net:
Эта функция особенно полезна при оценке производительности запросов HTTP для файлов JavaScript, динамически загружаемых путем добавления узлов <script>
Для получения дополнительной информации см. Firebug 1.8: console.timeStamp () .
IP-адрес в сетевой панели
Придерживаясь Net Panel, теперь вы можете просматривать локальные и удаленные IP-адреса для всех HTTP-запросов. Это должно помочь вам обнаружить проблемы, вызванные медленными серверами или CDN.
Предварительный просмотр HTML в сетевой панели
Если вы используете Ajax для загрузки фрагментов HTML-кода, вам будет приятно услышать, что Net Panel также позволяет вам предварительно просматривать отрендеренный код:
Дополнительные параметры для внешних редакторов
Еще одна функция, которую я пропустил, была поддержка внешних редакторов. Помимо передачи аргументов% url и% file, в версии 1.8 введен параметр% line number:
Постоянство командной строки
Команды командной строки теперь сохраняются при перезагрузках, поэтому можно выполнять одно и то же выражение на разных страницах.
Я надеюсь, вам понравятся новые инструменты и средства Firebug. Там еще больше в версии 1.9 …