Содержание
Быстро редактируйте или просматривайте свойства любой веб-страницы с помощью плагина браузера Firefox Firebug или версии Firebug с букмарклетом для других браузеров. Firebug абсолютно необходим для всех, кто разрабатывает веб-сайты или блоги. Ниже приведен краткий обзор этого плагина и пример нескольких из множества мощных функций, которые он предоставляет.
Быстро просматривать HTML и CSS источник любого элемента
Когда Firebug открыт, нажатие кнопки предварительного просмотра элемента, как показано на рисунке, позволяет выделить любой элемент на веб-странице. Использование подсветки делает поиск и просмотр HTML и CSS чего-либо на веб-странице всего за два-три клика.
Чаевые
После установки Firebug вы также можете щелкнуть правой кнопкой мыши по любому элементу на веб-странице и выбрать опцию «Проверка элемента».
Изменить элементы HTML или CSS в Firebug и увидеть немедленные результаты
При просмотре исходного кода HTML или CSS в Firebug вы можете щелкнуть любой элемент и изменить или добавить этот элемент и сразу же увидеть эти изменения. Например, если вы хотите настроить цвет своих ссылок, вы можете изменить код HTML или CSS с помощью Firebug и посмотреть, как он выглядит на странице, без загрузки или перезагрузки.
Проанализируйте скорость загрузки страницы
Кроме того, Google выпустила Page Speed, плагин Firebug для тестирования скорости загрузки веб-страниц с обзором того, что можно исправить.
Просмотр обзора всех элементов на странице
В Firebug на вкладке «Сеть» и в разделе «Все» вы можете быстро просмотреть все элементы на веб-странице и дополнительные сведения о каждом из этих элементов. Например, вы можете быстро определить размер каждого из загруженных файлов, загруженный домен, информацию заголовка и многое другое.
Получить Firebug
Бонусный совет: нажатие F12 также открывает отладку на любой веб-странице.