Firebug - отличный плагин для браузера Firefox, который намного расширит возможности web-разработчика. С помощью Firebug можно редактировать, отлаживать и анализировать HTML, CSS и Javascript непосредственно на любой веб-странице. Кроме того при изменении атрибутов тегов и их свойств, можно вживую наблюдать изменения на редактируемой странице.
Основные возможности Firebug:
Удобный просмотр HTML-кода страницы;
Редактирование HTML и CSS прямо в браузере;
Отладка и профилирование JavaScript;
Мониторинг сетевых запросов;
Анализирование HTTP-заголовков;
Просмотр свойств индивидуальных элементов (правила CSS, размер и позиция в пикселях, свойства DOM, к которым есть доступ из JavaScript);
Подсветка изменений в HTML коде;
Предпросмотр в CSS цветов и изображений;
Удобный предпросмотр CSS метрики;
Мониторинг времени загрузки элементов страницы;
Мониторинг XMLHttpRequest;
Наличие подсказок к переменным;
Профилирование производительности JavaScript;
Логирование вызовов функций;
Индикатор ошибок в статусной строке;
Фильтрация ошибок;
Исследование и редактирование DOM объектов;
Навигация по JavaScript-коду при помощи DOM explorer;
Создание букмарклетов;
Поддержка командной строки;
Проверка кода на работоспособность;
Возможность копирования различные элементов в буфер обмена;
Наличие "черного" и "белого" списков сайтов, для которых будет включен или отключен Firebug.