Firebug

Firebug - дополнения для браузеров, которое умеет выполнять отладку и просмотр CSS, HTML и JavaScript в режиме реального времени, и на любой странице интернета. С помощью Firebug можно редактировать HTML и CSS прямо в окне браузера. Это позволяет просмотреть изменения шаблона страницы не внося правки в код. Функция Inspec позволяет точно определить местоположение тега, того или иного элемента, а также просмотреть все "привязанные" к нему свойства и стили. Дополнение даёт возможность отследить скорость загрузки элементов страницы, а также находить ошибки, и многое другое.

После установки запустить дополнения можно (на примере браузера Mozilla Firefox), щёлкнув правой клавишей мыши на странице и выбрав из контекстного меню "Инспектировать элемент с помощью Firebug", или нажав на изображение жучка.

Firebug

Firebug

Чтобы расширить функциональные возможности для данной разработки написано множество дополнений. Среди них:

Firecookie — просмотр и управление cookies
FirePHP — библиотека и дополнение для отладки PHP-кода с помощью HTTP-заголовков
FireRainbow — подсветка синтаксиса JavaScript
YSlow — расширение измеряющее скорость загрузки страницы и её отдельных компонентов

Для браузеров Internet Explorer, Opera, Safari и Google Chrome существует упрощённый вариант — Firebug Lite.

Страница дополнения

Firebug для Mozilla Firefox

Firebug для Google Chrome

Firebug для Opera