Firebug – приложение вэб-браузера Firefox, которое предоставляет обширные возможности в области сайтостроения. Это исследование и анализ, редактирование и отладка кода HTML , Javascript , стилей CSS и это еще не все.
В этом материале хочу познакомить читателя с незаменимым (на мой взгляд) приложением, которое благодаря своим свойствам действительно увеличивает возможности не только начинающего «вэб-строителя», но и мастеру своего дела. Не стану более писать оды Firebug-у, а перейду непосредственно к самому приложению.
Знакомство с Firebug необходимо начать с разработчика данного приложения — Джо Хьюит, программист компании Parakey, что в июле 2007 г. была приобретена Facebook-ом. Естественно, что над Firebug-ом проводились дополнительные работы, исправления, что только способствовали усовершенствованию его свойств и способностей и среди многих программистов, стоит отметить Джона Бартона и Яна Одварко.
И все же, что умеет Firebug?
Прежде всего, стоит отметить, что наиболее, приложение раскрывается и удивляет своими способностями именно в браузере Firefox.
Среди свойств можно выделить:
—
просмотр HTML-кода
страницы. Благодаря функции Inspect приложение позволяет более точно и намного сократить время поиска месторасположения того или иного тега, или элемента, а также определить все «связанные» с ним свойства и стили;
—
редактирование кода HTML и CSS
— стилей оформления некоторого элемента прямо в браузере. Например, можно внести изменения в атрибуты тегов и значения их свойств, которые тут же отображаться все произведенные изменения и это позволит оценить внесенные коррективы и отыскать наиболее приемлемый вариант оформления создаваемой страницы;
—
просмотр и отладка JavaScript-ов
;
—
просмотр HTTP-заголовков
обычных и AJAX-запросов;
— отслеживание
процесса загрузки страницы
.
Если кто-то из Вас не пользуется браузером Firefox, не стоит расстраиваться, поскольку приложение Firebug с аналогичными возможностями можно также можно установить и для браузеров Internet Explorer, Opera, Safari и Google Chrome и называется оно — Firebug Lite . Данное приложение является упрощенным вариантом и представляет собой JavaScript-файл. При просмотре или отладке HTML-страницы не забудьте включить этот файл или используйте его в режиме «букмарклета» и Ваш вэб-браузер также сможет выполнять основные функции Firebug-а Firefox-а.
Установка firebug
Установить Firebug в браузер Firefox можно на странице
аддонов для Firefox
(открывать в
Firefox)
.
Для установки, на странице Firebug’а нажмите «Добавить в Firefox». В верхней части окна может появится предупреждение о том что загрузка заблокирована — нажмите «Настроить» и разрешите загрузку с этого сайта.
После установки приложения необходимо перезапустить вэб-браузер. Запустить Firebug можно с помощью клавиши F12 (для Firebug есть и другие «горячие» клавиши) или через контекстное меню, которое открывается кликом правой кнопки мыши на страницу (или на конкретный HTML-элемент: гиперссылку, заголовок, картинку, кнопку и т.д.) –> «Инспектировать элемент с помощью Firebug».
Хорошей и легкой Вам работы!