Это скрипт для просмотра HTML/DOM, который можно вставить в консоль браузера для просмотра вложенности элементов HTML или отладки любого сайта в 3D.

Выберите случайный/градиентный/чистый цвет или наличие сторон у слоев.

Вы можете сохранить его как букмарклет, чтобы он был в одном клике от вас.

Вы можете использовать это представление, чтобы программно извлекать особенности, например, “вот карточки результатов поиска Google“, вы можете видеть, как некоторые из них не похожи на другие.

Интереснее всего смотреть на сложные сайты, например, на Twitter.

Рендеринг сторон быстрее всего работает в Safari, как ни странно, но с точки зрения производительности Chrome и Firefox гораздо лучше для больших сайтов.

У каждого браузера есть свои причуды.

Safari работает лучше всех, но медленно, Chrome работает хуже всех, но быстрее всех, а Firefox – просто микс 🤷‍♂️

Gist Link

Leave a Reply

Your email address will not be published. Required fields are marked *