Проверка firefox с помощью firebug

Используя ColorZilla я нашел интересную особенность. Если я выберу цвет из firefox (бары, вкладки или что-нибудь еще из браузера), а затем перейду к:

ColorZilla > Проверить Последний Элемент > In Огненный Жук

Тогда я могу видеть разметку, css, js, которые firefox использует в панели firebug, как веб-сайт. Введите описание изображения здесь

Есть ли какое-либо решение для просмотра этого кода без использования Colorzilla?

3 2
firefox firebug inspect

3 ответа:

Похоже, что вы ищете Chromebug .

Chromebug-это адаптированный код Firebug для приложений XUL. Это отладчик, который используют разработчики Firebug разработать огненный Жук.

Так что вы можете отлаживать свой отладчик, понимаете?

Инструкции: http://getfirebug.com/wiki/index.php/Chromebug

4

Как уже упоминалось в комментариях, Chromebug больше не работает с текущими версиями Firefox. Вместо открытия общества chrome://browser/content/browser.xul страница, вы можете сделать браузере Chrome можно в блокнот. Откройте страницу about:config и установите devtools.chrome.enabled в true, как описано в руководстве extension development environment setup на MDN.

Откройте JavaScript scratchpad (Shift+F4 ) и выберите контекстную среду браузера. Теперь вы можете ввести что-то вроде window или document.getElementById('urlbar') и нажмите кнопку Проверить или нажмите клавишу Ctrl .+ i . Это позволит оценить выражение и открыть инспектор элементов, который показывает все свойства элемента.

5

На самом деле существует специальная версия Firebug для этого называется Chromebug (названный в честь chrome Firefox, а не chrome Google)

2