Это скрипт для просмотра HTML
/DOM
, который можно вставить в консоль браузера для просмотра вложенности элементов HTML
или отладки любого сайта в 3D
.
Выберите случайный/градиентный/чистый цвет или наличие сторон у слоев.
Вы можете сохранить его как букмарклет, чтобы он был в одном клике от вас.
Вы можете использовать это представление, чтобы программно извлекать особенности, например, “вот карточки результатов поиска Google“, вы можете видеть, как некоторые из них не похожи на другие.
Интереснее всего смотреть на сложные сайты, например, на Twitter
.
Рендеринг сторон быстрее всего работает в Safari
, как ни странно, но с точки зрения производительности Chrome
и Firefox
гораздо лучше для больших сайтов.
У каждого браузера есть свои причуды.
Safari
работает лучше всех, но медленно, Chrome
работает хуже всех, но быстрее всех, а Firefox
– просто микс 🤷♂️