Firebug — лучший друг веб-разработчика. Это дополнение к Firefox, которое позволяет легко отлаживать и разрабатывать веб-страницы. Он предоставляет вам возможность проверять элементы страницы, а также выполнять множество других функций. Но как насчет Firebug в других браузерах?
Установка Firebug на IE, Safari, Chrome или Opera
Firebug Lite позволяет установить Firebug в любой веб-браузер! Вы должны иметь возможность использовать Firebug с Internet Explorer, Opera, Safari, Chrome и любым другим браузером, поддерживающим JavaScript. Firebug Lite написан на JavaScript, поэтому вы можете включить его на веб-страницу с помощью следующего кода:
<script type = 'text / javascript'
SRC = 'HTTP: //getfirebug.com/releases/lite/1.2/firebug-lite-compressed.js'> </ скрипт>
Или даже лучше, вы можете использовать этот букмарклет:
Firebug Lite предоставляет вам те же возможности проверки, что и обычный Firebug. Вы можете нажать кнопку « Проверить» и навести курсор мыши на разделы страницы, чтобы просмотреть вычисленный стиль и свойства DOM для выбранного тега.
Функциональность кнопки «Проверка», похоже, имеет некоторые проблемы, поэтому другой способ проверки элементов состоит в навигации по дереву HTML. Для этого щелкните по знакам + в древовидном представлении, чтобы развернуть HTML, и когда вы увидите элемент, который хотите проверить, щелкните по строке кода для него в HTML. С правой стороны вы можете просмотреть вычисленный стиль и свойства DOM (Document Object Model) для элемента.
Firebug Lite также имеет консоль JavaScript, которая позволяет выполнять JavaScript. Вы можете написать по одной строке за раз, или в расширенном представлении вы можете написать сразу несколько строк, а затем запустить код.
Хотя вы не можете редактировать CSS для выделенного элемента, Firebug Lite предоставляет механизм для редактирования CSS. Это своего рода «консоль CSS» из-за отсутствия лучшего термина, где вы можете написать свой собственный код CSS и посмотреть, как будут выглядеть результаты.
Конечно, с таким названием, как Firebug Lite, нельзя ожидать, что оно будет иметь все функции Firebug. К сожалению, он не включает в себя отладку JavaScript (я даже не представляю, насколько сложно было бы написать отладчик JavaScript в Javascript). К сожалению, вы все еще застряли с любыми инструментами отладки JavaScript, которые вы можете найти для своего браузера. Это, по крайней мере, дает вам возможность легко просматривать код для файлов сценариев, которые были загружены на странице.
В Firebug Lite также отсутствуют функции компоновки в обычном Firebug, где он показывает координаты проверяемого элемента, а также отступы, размер границы и поля.
В целом, лучше иметь Firebug Lite для других браузеров, чем вообще не использовать Firebug. Если вы пытаетесь отлаживать макет и просматривать проблемы в других браузерах, это, безусловно, хороший инструмент для тестирования.
Вы когда-нибудь использовали Firebug Lite? Вы использовали Firebug на IE, Safari, Chrome или Opera раньше? Если да, то какие твои любимые функции?