Firebug Lite

Google Chrome набирает популярность и признание в качестве альтернативы Firefox и Internet Explorer, и не только среди пользователей Интернета; Веб-разработчикам нравится скорость и гибкость Chrome, а также его компоненты с открытым исходным кодом. Firebug Lite для Google Chrome — это бесплатное расширение, добавляющее функциональность популярного инструмента веб-разработки Firebug в интерфейс Chrome. Firebug Lite позволяет вам проверять и изменять HTML в режиме реального времени, анализировать производительность и активность сети, а также отлаживать JavaScript с помощью того, что считается самым продвинутым отладчиком, доступным в браузере.

Установить Firebug Lite для Google Chrome было так же просто, как открыть страницу в Chrome, щелкнуть ссылку для загрузки и разрешить изменения. Значок Firebug Lite появился в области расширений справа от панели инструментов; нажатие на нее открывало и закрывало нижнюю панель программы. Эта расширяемая съемная панель занимает всю ширину интерфейса Chrome. Его меню файлов имеет два пункта: «Проверить» для анализа целевой веб-страницы и «Очистить» для сброса поля. Панель инструментов с вкладками содержит элементы, озаглавленные «Консоль», «HTML», «CSS», «Script» и «DOM». Маленькая стрелка на нижнем фрейме открывала боковую панель для ввода и запуска скриптов. Кнопки навигации позволяют деактивировать Firebug Lite для текущей страницы, а также открывать программу во всплывающем окне, что позволяет перемещать ее независимо от Chrome.

Прежде чем использовать Firebug Lite, мы просмотрели краткий видеоурок от разработчика, который отлично знакомит новых пользователей с различными инструментами программы. Мы перешли на личную веб-страницу и нажали Inspect. На вкладке HTML на главной панели отображался код, а на меньшей боковой панели открывались три вкладки: Style, Computed и DOM, где DOM отображала исчерпывающую информацию о Java. Следуя инструкциям руководства, мы смогли быстро изменить HTML настолько, чтобы увидеть видимые изменения на сайте, но без какого-либо вреда. Щелкнув CSS, вы откроете инструмент «Каскадные таблицы стилей» и раскрывающееся меню на главной панели задач со списком всех связанных сайтов для проверки.

Firebug Lite для Chrome делает слишком много, чтобы адекватно охватить все это здесь, но все, что вам действительно нужно знать, это следующее: он бесплатный, он легко интегрируется с Chrome и действительно работает очень хорошо.