Firefox DOM / CSS просмотр объектов браузера - я не могу найти, как

225
Stilez

Я пытаюсь выяснить сложное взаимодействие между браузером и парой расширений, посмотреть, что происходит, и как генерируется браузер Chrome (и его CSS). Я знаю, что это возможно и возможно, но я попробовал все, что смог найти, не повезло.

У меня ничего не получается, и через 6 или 8 часов (целый день прошел) я перепробовал все, что смог найти в Интернете. Я знаю, что можно просматривать иерархию объектов браузера Firefox - это часто необходимо для разработки. Я попробовал встроенный Инспектор и несколько других инструментов.

Я надеюсь, что это по теме здесь, мне нужна помощь, чтобы понять, как!

1
CSS не генерируется. CSS интерпретируется браузером. Часто в нарушение стандартов. Кроме того, многие браузеры имеют первоначальный CSS, что привело к http://www.cssreset.com/ STTR 9 лет назад 0
Не имеет отношения к решению проблемы, вопрос не касается согласованности CSS и стандартов браузера, или вообще не касается содержимого веб-страницы. Stilez 9 лет назад 0

1 ответ на вопрос

0
Mark Meyer

Вы можете попробовать Mozilla XUL Explorer https://developer.mozilla.org/en-US/docs/XUL_Explorer .

Или расширение разработчиков расширений может быть хорошим началом http://ted.mielczarek.org/code/mozilla/extensiondev/

НТН

Оба они объясняют, как макетировать и тестировать XUL в небольших масштабах, например, при разработке. Моя проблема заключается в том, чтобы проследить, как какой-то chrome / UI рассчитывается / генерируется в полной установке Firefox с взаимодействующими расширениями, чтобы исправить то, что расширения не приводят к желаемым оверлеям или CSS. Как бы они ни были полезны для прототипирования / RAD, ни то, ни другое не делает то, что я просил: позволить мне проверять chrome / UI Firefox во время выполнения, так же, как Inspector исследует модель и структуры DOM полной веб-страницы. Это должно быть легко (веб-страницы говорят!), Но я не могу заставить его работать должным образом :) Stilez 9 лет назад 0