Firebug и его аналоги при верстке темы

браузер mozilla

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 имеют встроенный просмотрщик кода.


Источник: http://drupaldecor.com

Добавить комментарий:
Имя:
E-mail:
2022 © Обсуждение Joomla и других CMS-систем управления сайтами  Правила | О проекте | Обратная связь