Редактировать и просматривать свойства веб-страницы с Firebug

Быстро редактируйте или просматривайте свойства любой веб-страницы с помощью плагина браузера 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 также открывает отладку на любой веб-странице.

Ссылка на основную публикацию
Adblock
detector