Firebug, как все уже давно знают – один из самых мощных и удобных инструментов для разработки, но Firefox – далеко не единственный браузер в мире и разработчикам приходится иметь дело еще и с такими браузерами как своенравный IE, юркая Opera, хитрый Safari и загадочный Chrome :). И было бы неплохо для удобства работы иметь аналог Firebug еще и в них.
Тут в дело вступает Firebug Lite – простая JavaScript-библиотека, которая воссоздает во всех этих браузерах интерфейс Firebug. С помощью пары строк кода мы получаем столь необходимый инструмент для всех платформ. Одним из важных преимуществ Firebug Lite является то, что он, в отличие от “старшего брата”, не требует установки: достаточно добавить в заголовок нужных страниц вызов онлайн-версии скрипта:

Если же кто-то хочет использовать локальную версию оффлайн (что, в общем-то, намного удобнее и быстрее) – можно скачать исходники здесь. Импортируйте firebug-lite-compressed.js или firebug-lite.js в директорию вашего сайта. Найдите firebug-lite.css в импортированном файле и замените его локальным адресом файла firebug-lite.css.

Теперь при запуске страницы в браузере в нем будет присутствовать Firebug Lite. Вот как это выглядит в ИЕ:

Конечно, эта библиотека не заменяет на 100% весь функционал Firebug. Например, отсутствует дебаггер JavaScript (кто-нибудь знает, как писать дебаггер JavaScript на JavaScript???) и так же в нем нет указания координат инспектируемого элемента. Есть определенные неудобства с редактированием CSS. Тем не менее, даже такой FireBug – это значительно лучше и удобнее, чем его полное отсутствие для браузеров, отличных от Gecko-based, и определенно стоящее того, чтобы регулярно им пользоваться.

Оригинал статьи: #.