Firebug Lite

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

Встановити Firebug Lite для Google Chrome було так само просто, як відкрити сторінку в Chrome, натиснути посилання для завантаження та дозволити зміни. Піктограма Firebug Lite з’явилася в області розширень праворуч на панелі інструментів; натискання на неї відкривало та закривало нижню панель програми. Ця розширювана знімна панель охоплює всю ширину інтерфейсу Chrome. Меню «Файл» містить два пункти: «Перевірити», щоб проаналізувати цільову веб-сторінку, і «Очистити», щоб скинути значення поля. Панель інструментів із вкладками містить записи під назвою «Консоль», «HTML», «CSS», «Сценарій» і «DOM». Маленька стрілка на нижній рамці відкривала бічну панель для введення та запуску сценаріїв. Кнопки навігації дозволяють вимкнути Firebug Lite для поточної сторінки, а також відкрити програму у спливаючому вікні, що дозволяє переміщувати її незалежно від Chrome.

Перш ніж використовувати Firebug Lite, ми переглянули короткий відеоурок розробника, який чудово пояснює новим користувачам різноманітні інструменти програми. Ми перейшли на особисту веб-сторінку та натиснули Перевірити. Вкладка HTML відображала код на головній панелі, тоді як менша бічна панель відкривалася з трьома відображеними вкладками: Style, Computed і DOM, причому DOM відображала повну інформацію про Java. Дотримуючись інструкцій підручника, ми швидко змогли змінити HTML настільки, щоб побачити видимі зміни на сайті, але без жодної шкоди. Натискання CSS відкриває інструмент каскадних таблиць стилів і розкривне меню на головній панелі завдань із переліком усіх пов’язаних сайтів для перевірки.

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