Знакомство с «Firebug»

Знакомство с «Firebug»

Жук — символ инструмента Firebug

Здравствуйте, уважаемые читатели!

Практически любая веб-разработка не обходиться без ошибок и багов. Для поиска и отладки последних существует множество автоматизированных средств, среди которых наиболее популярным является расширение Firebug для браузера Firefox. Его установка занимает считанные минуты, но, впоследствии, экономится огромное количество времени и денег разработчика.

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

Знакомство с Firebug

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

Firebug стандартно предлагает шесть режимов отладки: HTML, CSS, JS, DOM, консоль и сеть. Каждый режим имеет широкую функциональность, что позволяет разработчику производить множество полезных действий. Следует отметить, что Firebug имеет массу дополнительных расширений, которые пригодятся как веб-дизайнеру, так и программисту. Для других браузеров существуют подобные плагины или используется упрощенный вариант Firebug Lite.

Внимание! Инструмент потерял актуальность и недоступен в новых версиях FireFox. Вместо него теперь в каждом браузере есть свой отладчик.

Дискуссия по теме