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