![](html1.gif)
![](blank.gif)
![](blank.gif)
![](blank.gif)
![](blank.gif)
![](blank.gif)
![](blank.gif)
![](blank.gif)
![](blank.gif)
![](blank.gif)
(Кликайте на вкладки выше, чтобы посмотреть скриншот каждой.)
Firebug интегрируется с браузером Firefox, чтобы замечательно обогатить инструментарий разработчика. Вы сможете редактировать, отлаживать и исследовать CSS, HTML и Javascript вживую, на любой веб-странице.
![](screenHome-using.gif)
Просто и доступно
Firebug - всего в одном клике от Вас, но он никогда не помешает. Вы можете открыть Firebug в отдельном окне, или сделать его полосой внизу браузера. Firebug также дает Вам контроль над выбором сайтов, для которых Вы его используете.
![](screenHome-html.gif)
Инспектируй и редактируй HTML
Firebug позволяет легко находить HTML-элементы, глубоко закопанные в страницу. А когда Вы находите то, что искали, Firebug дает Вам богатейшую информацию и позволяет редактировать живой HTML.
![](screenHome-css.gif)
Построй супер-совершенный CSS
Вкладка CSS в Firebug расскажет Вам все, что нужно знать о стилях на странице, и если Вам что-то не очень нравится, можно сделать изменения, которые отобразятся сразу же.
![](screenHome-layout.gif)
Смотри на CSS метрики
Когда CSS-контейнеры не выстраиваются нужным образом - иногда сложно понять, почему. Позвольте Firebug быть Вашими глазами, и он измерит и покажет все сдвиги, margin, padding, рамки и размеры для Вас.
![](screenHome-net.gif)
Мониторинг сетевых запросов
Иногда страницы загружаются очень долго, но почему? Может, Вы написали чересчур много javascript? Забыли сжать изображения? Или серверы рекламодателей отдыхают в сторонке? Firebug покажет все с точностью до файла.
![](screenHome-js.gif)
Отлаживай и профилируй JavaScript
Firebug включает в себя мощный javascript отладчик, который позволяет приостанавливать выполнение в любой момент и анализировать все, что угодно. Если Ваш код подтормаживает, используйте javascript профилировщик, чтобы измерить производительность и быстро найти узкие места.
![](screenHome-errors.gif)
Быстро находи ошибки
Когда что-то идет не так, Firebug мгновенно информирует Вас и дает детализированную полезную информацию об ошибках в Javascript, CSS и XML.
![](screenHome-DOM.gif)
Исследуй DOM
Document Object Model - громадная иерархия объектов и функций. Firebug позволит Вам быстро находить нужные DOM-объекты и на лету редактировать их.
![](screenHome-cl.gif)
Выполняй JavaScript на лету
Командная строка - один из древнейших инструментов программиста. Firebug дает Вам старую добрую командную строку для javascript, дополненную некоторыми современными удобствами.
![](screenHome-logging.gif)
Логирование для JavaScript
Иметь хороший javascript отладчик - это, конечно, здорово, но иногда самый быстрый способ найти ошибку - это просто вывести максимальное количество информации. Firebug дает Вам набор мощных функций логирования, которые позволяют быстро получить нужные ответы.