Как стать автором
Обновить

Как использовать Firebug в IE, Safari, Chrome и Opera

Время на прочтение2 мин
Количество просмотров1.9K
Автор оригинала: Jorge Sierra
Firebug Lite позволяет использовать 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'></script>

* This source code was highlighted with Source Code Highlighter.


Или, что будет даже лучше, воспользоваться этой закладкой:

Firebug Lite

Firebug Lite позволяет проводить детальный осмотр DOM-элементов также, как это происходит в обычном Firebug. Вы можете нажать кнопку Inspect и указать элемент страницы, чьи DOM-свойства или стили Вы хотите узнать.



Кажется у этого функционала есть несколько проблем, но есть другой способ узнать свойства элементов страницы — это навигация через дерево элементов. Нажмите на "+" в дереве элементов и выбирите нужный вам объект. Справа вы увидите стили и DOM свойства, выбранного обхъекта.

В Firebug Lite также встроена JavaScript консоль, позволяющая выполнять JavaScript код на лету. Можно писать одну строчку кода за раз либо переключиться в расширенный режим, где можно уже писать многострочные скрипты, прежде чем выполнить их.



Хотя и не разрешается изменять CSS свойства для выбранного элемента, Firebug Lite имеет встроенный механизм, позволяющий это делать. Можете назвать его «CSS консоль», так как здесь вы можете написать свой собственный CSS стиль и посмотреть, что получиться из этого.


Конечно, это не полноценный Firebug, хотя бы потому, что в имени присутсвует слово Lite. Также к сожалению в нем нельзя отлаживать Javascript (я не представляю как сложно написать Javascript отладчик на Javascript). Так что, Вы все еще привязаны к своему отладчику, который используете в выбранном броузере. Но по край не мерее Firebug Lite предоставляет удобный способ просматривать код javasript файлов, которые загружаются на странице.


Firebug Lite также нуждается в такой фишке обычно Firebug'а как просмотр padding, border и margin выбранного элемента в удобной графической форме.

Как бы то ни было, лучше иметь урезанный Firebug, чем не иметь его совсем. Если вы пытаетесь отлаживать разметку в разных броузерах, это определенного интересный инструмент, который стоит того, чтобы его попробовать.

Вы кода-нибудь использовали Firebug Lite? Вы использовали Firebug в IE, Safari, Chrome или Opera до этого? Если да, какие у вас любимые фишки?

P.S. От себя добавлю, что это очень и очень ограниченная версия, но для быстрой проверки использоваться может и нужно (если нету ничего полноценного под рукой).

P.S. 2 — Огромная просьба, отпишитесь когда минусуете, чтобы хоть знать за что?
Теги:
Хабы:
Всего голосов 38: ↑20 и ↓18+2
Комментарии15

Публикации

Ближайшие события