Можно ли «пропустить» применение браузером правил CSS для веб-разработки?

Question

Есть ли способ или инструмент, который позволил бы мне пройти через покраску правил CSS один за другим?

Как и в IDE с программным кодом, но с CSS. (Но я бы не захотел этого сделать, взяв исходный код браузера и выполнив его основные функции - я просто хочу сказать, что «обновления» по правилам CSS в форме, подобной панели инструментов веб-разработчиков.)

Я ожидаю, что это обычно более утомительно, чем полезно, но в некоторых случаях это действительно помогло бы в веб-разработке, например, debugging cats and owls или finding out how a particular effect is achieved.

---

редактировать уточнить, на "пошагового" Я имею в виду Sg. например: потенциальная остановка браузера от рисования другого правила, после каждого конца каждое правило, которое я выбираю, перед тем, как будет применен следующий (каждый до завершения «окончательной краски» страницы), для проверки того, что происходит.

Редактировать 2 после BoltClock's comment, я заменил слово «рендер» на «краска», чтобы быть более четким. Удалено оригинальное, чтобы быть незагроможденным.

Answer 1

Помимо упомянутых webtools, я предполагаю, что это возможно только в том случае, если доступен полный исходный код браузера, что позволяет либо локально отлаживать, либо удаленно отлаживать приложение браузера с точками останова, заданными для интересных функций «toplevel».

Это не является, например, никаких проблем, чтобы загрузить источник на основе Java с открытым исходным кодом браузера Лобо, который затем может быть отлажено, как и любое другое приложение прямо из вашего IDE, как затмение, IntelliJ и т.д.

Я же не думаю, что полный источник таких продуктов, как MS Internet Explorer, когда-либо будет полностью доступен, чтобы вы могли отлаживать его самую глубокую магию (что в случае MS Internet Explorer, вероятно, также занимает жизненное пространство ...).

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

• Есть браузер неоспоримым скомпилирован/запустить внутри IDE и непосредственно отладить локальный код
• ли браузер работает как приложение позволяя удаленную отладку и соответствующий исходный код в качестве источника для удаленного отладчика (в основном также из вашей среды IDE).

Таким образом, вы можете анализировать глубокую магию такого браузера, где вы видите, как различные ресурсы, такие как изображения, css и т. Д., Собираются, проверяются, анализируются, обрабатываются и отображаются в конце.

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

Если это, однако, слишком подробно для вашего контекста, я полагаю, что нет никакой другой возможности, кроме как полагаться на уже предоставленную функциональность для анализа поведения браузеров, например, с помощью chromes devTools или плагина Mozilla Firebug. Несомненно, это все больше и больше будет интегрировано в такие плагины/инструменты, как комментарий пользователя BoltClock, и всегда стоит изучить функциональность таких плагинов/инструментов, чтобы максимально увеличить их.