Firebug - это гениальное изобретение, которое сильно упрощает верстку сайта. Некоторые принебрегают этим расширением, но на самом деле его очень удобно использовать при верстке как обычных страниц, так и тем для Drupal.
Можно значительно сэкономить время. Вам не нужно постоянно переключаться между редактором HTML/CSS и браузером, чтобы смотреть результаты изменений верстки. В Firebug для работы с версткой нужно открыть вкладку "HTML". Слева - код HTML, справа - CSS свойства. Открыв сайт в браузере, вы можете изменять код HTML и сразу видеть результат ваших изменений. После того как вы закончили ваши изменения, нужно просто скопировать написанный вами код в файлы с HTML и CSS исходниками сайта.
Вы можете не только пользоваться текущим HTML, но и изменять его, а также создавать новые правила CSS.
Например, вам нужно поменять дивы местами, сдублировать несколько раз строку таблицы, или вставить иконку перед названием статьи. Нужно просто выделить нужный элемент и нажать кнопку "Редактировать" в верхней панели(или через контекстное меню). Далее вы можете настраивать стиль для только что созданных компонентов по вашему желанию.
Даже если нужный элемент CSS не имеет определяющего селектора в вашем CSS файле, вы можете все равно с ним работать:
- в правой колонке "CSS": правой кнопкой ->"Редактировать стиль элемента..."
- или создать новый селектор: кликаем по вкладке CSS в верхней панели-> кликаем правой кнопкой->"Новое правило..."
Этот плагин подключается к Mozilla Firefox. Не забудьте проверить потом страницу в других браузерах.
Существуют также расширения Firebug Lite, которые подключаются к другим браузерам, но по сравнению с Firebug для Mozilla они урезаны по функционалу, но все равно упрощают вертску.
Аналогами Firegub в других браузерах являются:
- Internet Explorer - IE Developer Toolbar, начиная с IE8 встроенная в браузер
- Opera - Opera Dragolfly. Работает через интернет.
- Chrome и Safari имеют встроенный просмотрщик кода.
