Це скрипт для перегляду HTML
/DOM
, який можна вставити у консоль браузера для перегляду вкладеності елементів HTML
або налагодження будь-якого сайту у 3D
.
Виберіть випадковий/градієнтний/чистий колір або наявність сторін у шарах.
Ви можете зберегти його як букмарклет, щоб мати його на один клік.
Ви можете використовувати це представлення, щоб програмно витягти особливості, наприклад, “ось картки результатів пошуку Google“, і ви можете побачити, як деякі з них відрізняються від інших.
Найцікавіше переглядати складні веб-сайти, наприклад, Twitter
.
Рендеринг сторін працює найшвидше у Safari
, як ні дивно, але з точки зору продуктивності Chrome
та Firefox
гораздо краще для великих веб-сайтів.
У кожного браузера є свої хитрощі.
Safari
працює краще за усе, але повільно, Chrome
працює гірше за усе, але найшвидше, а Firefox
– просто мікс 🤷♂️
https://gist.github.com/OrionReed/4c3778ebc2b5026d2354359ca49077ca