💡Во время отладки иногда может быть полезно просмотреть все event listener’ы, прикрепленные к элементу, и удалить их один за другим, чтобы найти основную причину проблемы.

#devtool #tip by Shripal Soni

🔐 Кстати, в новой версии Firefox завезли несколько новых фич, связанных с приватностью, в том числе операция "Copy Link Without Site Tracking", позволяющая скопировать URL выбранной ссылки в буфер обмена без отслеживания переходов между сайтами.

📌 Разбираемся, что нового в Firefox 120 для разработчиков (обзор от OpenNET):

• Добавлен API User Activation, позволяющий определить взаимодействовал ли раньше пользователь со страницей, взаимодействует ли в настоящий момент или ничего не делал на странице.

• Добавлена поддержка нового кода ответа HTTP — 103 Early Hints, который может использоваться для упреждающего вывода заголовков.

• В CSS добавлены новые единицы измерения размера lh и rlh, позволяющие указать размер, соответствующий линейной высоте (CSS-свойство line-height) элемента или корневого элемента.

• В CSS добавлена функция light-dark() для выставления цветов сразу для светлой и тёмной цветовой схемы без применения media-запроса prefers-color-scheme.

• В JavaScript-функцию Date.parse() добавлена поддержка дополнительных вариантов форматирования даты.

• Обеспечена поддержка атрибута media в элементе <source>, вложенном в элементы <picture>, <audio> и <video>.

• Включена по умолчанию поддержка расширения WasmGC, упрощающего портирование в WebAssembly программ, написанных на языках со сборщиком мусора.

• В инструменты для веб-разработчиков добавлена возможность симуляции работы вкладок в offline-режиме.

• В панель редактирования стилей добавлена кнопка Pretty Print для форматирования и приведения в наглядную форму минифицированной таблицы стилей (ранее минифицированные стили форматировались автоматически).

• В инструментах для разработчиков значительно (до 70%) ускорена работа отладчика при большом объёме исходного кода. Проведён рефакторинг отладчика, нацеленный на корректное срабатывание точек останова, привязанных к событию unload.

#новости #tip #devtool

💡 Network => Overview: простой способ фильтрации запросов по времени в Chrome Dev Tools

#devtool #tip by Shripal Soni

💡 В Chrome Dev Tools мы можем переопределять заголовки ответов, что может быть удобно для локальной обработки ошибок CORS до тех пор, пока они не будут исправлены на уровне сервера.

#devtool #tip by Shripal Soni