Плагин FireBug – экономия времени веб-разработчика

Плагин FireBug – это отличный инструмент, который интегрируется в браузер Firefox и значительно обогащает инструментарий веб-разработчика.
Для его установки Вам понадобится нескольких минут, однако в дальнейшем, Вы сэкономите просто колоссальное количество времени, а значит и денег :)

FireBug имеет массу возможностей и функций, о которых можно подробно почитать на сайте русской поддержки продукта.  Однако я бы хотел перечислить только те из них, которыми я наиболее часто пользуюсь:

1. Нахождение элементов мышью

Данная функция позволяет легко и быстро получить html и css код любого элемента на странице. Это очень полезно, т.к. не нужно рыться в css файлах и смотреть исходный html код. Стоит просто навести на элемент, и Вы сразу получите его свойства.

2. Мгновенное редактирование HTML и CSS кода.

Плагин FireBug позволяет делать экспериментальные изменения в HTML и CSS и сразу наблюдать их на странице. Причем вносить изменения очень просто. FireBug знает все теги, и предлагает Вам их выбор, т.е. не нужно знать их наизусть. Очень удобно организовано регулирование точных значений – Вам просто нужно нажать клавишу вверх или вниз, и значения сами будут изменяться.  Это очень удобно при верстке сайтов.

3.  Возможность определения всего каскада стилей, от родительского элемента до конечного.

Firebug показывает не только стиль конкретного элемента, а и стили всех элементов, от которых он что-то унаследовал. Причем наглядно видно, какой стиль переопределился а какой унаследовался. Это помогает решить много спорных ситуаций. Также, есть интересная функция отключения конкретного стилевого правила.

Для более наглядного понимания, можете посмотреть видеоролик, который я записал для Вас. В нем я демонстрирую некоторые возможности плагина. Для просмотра, кликните по миниатюре ниже:

Скачать видеоролик "Плагин FireBug – экономия времени веб-разработчика"