Плагин FireBug – это отличный инструмент, который интегрируется в браузер Firefox и значительно обогащает инструментарий веб - разработчика.
Для его установки Вам понадобится нескольких минут, однако в дальнейшем, Вы сэкономите просто колоссальное количество времени, а значит и денег :)
FireBug имеет массу возможностей и функций, о которых можно подробно почитать на сайте русской поддержки продукта. Однако я бы хотел перечислить только те из них, которыми я наиболее часто пользуюсь:
1. Нахождение элементов мышью
Данная функция позволяет легко и быстро получить html и css код любого элемента на странице. Это очень полезно, т.к. не нужно рыться в css файлах и смотреть исходный html код. Стоит просто навести на элемент, и Вы сразу получите его свойства.
2. Мгновенное редактирование HTML и CSS кода.
Плагин FireBug позволяет делать экспериментальные изменения в HTML и CSS и сразу наблюдать их на странице. Причем вносить изменения очень просто. FireBug знает все теги, и предлагает Вам их выбор, т.е. не нужно знать их наизусть. Очень удобно организовано регулирование точных значений – Вам просто нужно нажать клавишу вверх или вниз, и значения сами будут изменяться. Это очень удобно при верстке сайтов.
3. Возможность определения всего каскада стилей, от родительского элемента до конечного.
Firebug показывает не только стиль конкретного элемента, а и стили всех элементов, от которых он что-то унаследовал. Причем наглядно видно, какой стиль переопределился а какой унаследовался. Это помогает решить много спорных ситуаций. Также, есть интересная функция отключения конкретного стилевого правила.
Для более наглядного понимания, можете посмотреть видеоролик, который я записал для Вас. В нем я демонстрирую некоторые возможности плагина.
Скачать видеоролик "Плагин FireBug – экономия времени веб-разработчика"
http://ifolder.ru/
Данный урок подготовлен для Вас командой сайта http://zvirec.com