Pull to refresh

Новые возможности Firebug 1.8

Reading time3 min
Views2.8K
Original author: Honza (Jan Odvarko)
По случаю, пока все отдыхают, переведём-ка мы список новых возможностей Firebug 1.8, опубликованных 29 июля 2011 года. Сам релиз вышел тоже 29 июля и был опубликован на стандартном месте — в Расширениях Firefox — Firebug.

(Пользователи не 5-го браузера Firefox увидят ссылку на скачивание внизу страницы, потому что релиз совместим только с 5-й — 5.XX версией браузера. Для бета-версий 6-7-8 рекомендуется Firebug 1.9a0.)

Разработчики в основном работали над скоростью и стабильностью, но добавили и ряд новшеств.
Краткий список нововведений:

* Новый метод консоли: console.timeStamp()
* IP-адрес показан в панели «Сеть»
* обновлён предпросмотр HTML
* улучшен список представления скриптов
* тексты в командной строке сохраняются между перезагрузками страницы
* Новая панель для DOM-объектов Options
* подсказки цвета в панели CSS
* ещё клавиатурные сокращения для изменения свойств CSS
* улучшена поддержка внешних редакторов
* на «Макете» показывается свойство Box Model блоков

Подробнее.

console.timeStamp()


Метод позволяет устанавливать метки времени на диаграмму HTTP-потоков на вкладке «Сеть».


Более подробное описание с примерами (англ.).

Отображение IP-адреса в панели «Сеть»


Панель показывает удалённый и локальный IP-адреса и порты для каждого запроса в двух дополнительных колонках.


(Если включить локальный адрес, то адрес, очевидно, всегда одинаков. Какие бывают случаи разных адресов на одном компьютере? Для разных фреймов? Порты чаще бывают разные. — прим.)

Улучшенный предпросмотр HTML


Теперь можно двигать за нижнюю границу открытой вкладки HTML в панели «Сеть», чтобы лучше просмотреть её.


Показ списка скриптов


Улучшение — в появлении скроллбара, если список длинный (больше окна или половины окна экрана). Раньше имелись только кнопки «вверх-вниз» для прокрутки списка.


Сохраняемость командной строки при перезагрузках страниц


Позволяет выполнять разные скрипты на разных вкладках, не заботясь о постоянной подгрузке стёршихся скриптов. Одна из мелких деталей, делающих в сумме Firebug удобным, незаменимым инструментом. (Написал автор релиза. — прим.) (Перезагрузку браузера они не переносят. — прим.)

Пара новых опций в панели DOM



* Показывать только собственные (own) свойства — чтобы не видеть свойства из цепочки прототипов
* Показывать только нумерованные свойства — чтобы смотреть только элементы массивов и числовые параметры хешей.

Подсказки в CSS-панели



Показывает цвет (по идее, на фото он должен быть монотонным — прим.), представленный в различных форматах: hex, rgb, rgba, hsl, hsla.

Клавиши для изменения CSS-значений свойств


* Ctrl + вверх/вниз — увеличивает/уменьшает значение на 0.1 единицы
* Shift + вверх/вниз — увеличивает/уменьшает значение на 10 единиц

До сих пор имелась возможность увеличения/уменьшения по 1 единице стрелками вверх/вниз.

Улучшенная поддержка внешних редакторов


Firebug уже мог подключить внешний редактор или IDE и передать ему 2 аргумента:

* %url — URL файла (если %url отсутствует, %file добавляется по умолчанию)
* %file — путь к локальному файлу (или временной копии)



Добавляется новый аргумент:

* %line — позволяет открыть внешний редактор на указанной строке документа.

На панели «Макет» демонстрируется свойство Box Sizing


В CSS3 появилось свойство Box Sizing, которе позволяет изменять модель представления блока (говорит, как считать ширину и высоту — с учётом бордюров, отступов padding и margin или нет). Название модели блока указывается под блоком. (Изменяться из макета не может.)


Вот какие пироги.

Автор первичной публикации: Honza (Jan Odvarko), Firebug Lead Developer

=============================================

Дополнение в несколько слов и фактов о функции console.log() (не новой функции console.timeStamp(), о ней — попозже) в новом релизе.

Совершенно случайно я одновременно подводил итоги и опубликовал небольшую функцию, удобную для отладки — расширенный Alert(). Вот как она себя ведёт в FF5 и новом Firebug и без него.

Как известно, с 4-й версии Firefox в браузере появилась консоль для ошибок и сообщений. Она вызывается комбинацией клавиш Ctrl-Shift-K. Приятно выглядит, с фильтром и отличной вёрсткой. Особенности работы её с Firebug такие.

1) если в аддонах подключен Firebug, то он безоговорочно блокирует консоль Firefox, о чём она деловито сообщает. Сообщения в консоль выводятся, но только ошибки и предупреждения, даже если Firebug не развёрнут. Жаль — для пользования безглючной консолью придётся ходить в Аддоны и отключать Firebug с перезагрузкой браузера — неудобно. Лучше была бы разблокировка консоли по простому сворачиванию «монстра». Пользу в лёгкой консоли можно найти при несложных задачах трассировки, чтобы большой отладчик не расходовал память на утечки.


2) если Firebug отключаем — имеем такую довольно аккуратную картину вывода в консоль.
Tags:
Hubs:
+73
Comments48

Articles

Change theme settings