🖥️ Пора прокачать DevTools!

Если ты до сих пор используешь DevTools только для консоли и просмотра элементов, значит, ты упускаешь кучу крутых фишек! Вот несколько трюков, которые облегчат тебе жизнь:

🔥 Табы "Performance" и "Lighthouse" – помогут найти слабые места в скорости загрузки страницы. Если сайт тормозит, это твои лучшие друзья.

🎨 "Rendering" в "More tools" – можно проверить, как работает CSS-анимация, симулировать цветовую слепоту или посмотреть, как страница выглядит на e-ink дисплеях.

🔍 $0 в консоли – выводит последний элемент, который ты выбрал в Elements. Удобно, если нужно что-то быстро протестировать.

📜 "Coverage" – покажет, какие части CSS и JS-кода вообще не используются. Это поможет сделать код чище и быстрее!

📡 Throttling в "Network" – эмулирует медленный интернет. Отлично подходит для тестирования сайта на слабых сетях.

🛠️ Ctrl + Shift + P (Cmd + Shift + P в macOS) – откроет командную строку DevTools, где можно искать и запускать скрытые фичи.

🔔@lifeproger