Используйте Firebug для просмотра и редактирования HTML и CSS.


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

Описание

В этом разделе руководства мы рассмотрим, как использовать Firebug для просмотра и редактирования HTML и CSS.

Используйте Firebug для просмотра и редактирования HTML.

Щёлкните правой кнопкой мыши по элементу, который хотите просмотреть, и затем нажмите.Inspect Element (Просмотреть элемент).

inspect-html-firebug

Теперь щёлкните по окну Firebug.Edit (Редактировать) 。

inspect-html-firebug1

Измените код <h1>Components of Firebug</h1>.

inspect-html-firebug2

Вы можете просто изменить код в окне Firebug, чтобы увидеть результат изменённого кода в браузере в реальном времени, а также скопировать код в свой HTML-файл.


Используйте Firebug для просмотра и редактирования CSS.

Щёлкните правой кнопкой мыши по элементу, который хотите просмотреть, затем нажмите.Inspect Element (View Element)Как показано на рисунке ниже, щёлкните файл стилей.

inspect-css-firebug

Изменив код наcolor:red;чтобы изменить цвет заголовка

После внесения изменений вы сразу увидите результат.

Теперь можно скопировать изменённый стиль, заменить исходный код и сохранить, чтобы изменения вступили в силу.

inspect-css-firebug2

Другие расширения