Firebug — помощь вебмастеру

Firebug — один из дополнений Firefox браузера, который пригодится для работы вебмастеру, и я думаю, что используя Firebug, вы намного упростите тестирование сайтов и их разработку. Основная задача дополнения — тестирование и отладка, а также вывод информации о запрашиваемом вами элементе страницы.

Если в процессе разработки веб-сайта вы столкнулись с проблемой верстки, JS или CSS, то кнопка «Inspect» (Инспектировать) поможет найти причину ошибки. Вам, просто потребуется навести курсором на нужный элемент страницы и дополнение покажет о нем массу информации. Вы увидите как располагается этот элемент в вашем XHTML коде, отображая все вложенные слои. Также, вы увидите какие CSS правила относятся к данному элементу и не «переписываются» ли они другими правилами.

firebug

Также, firebug дает возможность одновременно тестировать и редактировать XHTML, CSS, и даже JavaScript. Все это безусловно ускорит процесс исправления ошибок и недочетов на сайте. Если после нажатия кнопки «Inspect» вы обнаружили проблемы в коде, то достаточно просто установить окно с ошибками поверх остальных закладок, чтобы отладить код «визуально», т.е. наблюдать как меняется элемент пока вы вносите изменения в код. Еще одна замечательная функция Firebug — это вкладка «Сеть» (ранее «Net»).

Если ваша страница слишком медленно загружается, просто откройте вкладку «Сеть» и взгляните, какие еще элементы загружаются помимо самой страницы (картинки, скрипты, css-код, flash). Вы увидите размер каждого элемента, и насколько долго он загружается по времени. В зависимости от расположения дополнения, внизу или вверху вы увидите общее количество обращений к вашему сайту, т.е. общее количество КБ (килобайт), и время на сборку всех элементов в единое целое.

firebug сеть

Однако, Firebug несовершенен. Иногда он очень медленно обрабатывает страницы сайта, особенно если они открыты в фоновом режиме, и постоянно идет обращение к серверу. Так, страницы, использующие AJAX технологии, или страницы, которые слишком часто обновляют содержание, могут загружаться очень долго, если вы используете Firebug. Но вы можете просто отключить загрузку дополнения при открытии отдельных страниц. Просто зайдите на нужный сайт и нажмите в меню дополнения: Tools — Firebug — Disable Firebug for [здесь адрес сайта] (Интсрументы — Firebug — Отключить Firebug для).

ajax-firebug

Больше дополнение не будет обрабатывать эти страницы. Одним словом, Firebug — мощный инструмент для отладки веб-страниц и очень нужный помощник каждому вебмастеру. Это также замечательный инструмент для исследования структуры сторонних сайтов: просто введите адрес любого сайта и проследите как построена страница конкурента. Успехов в веб-разработке!

0 0 голоса
Рейтинг статьи
0 комментариев
Межтекстовые Отзывы
Посмотреть все комментарии
0
Оставьте комментарий! Напишите, что думаете по поводу статьи.x
Send this to a friend