#devtools #инструменты

DevTools update (Chrome 101)



А вот и свеженький апдейт Девтулзов!

Что нового:

* активно развивают Recorder: появилась возможность экспортировать и импортировать пользовательские флоу в формате json

* экспериментальное: 2 новых режима в Lighthouse: timespan (анализирует страницу на отрезке времени, как правило, включающем взаимодействие пользователя с ней) и snapshot (анализирует страницу после взаимодействия с ней в текущем состоянии).

Подробное описание всех трёх режимов (с плюсами, ограничениями и кейсами) можно найти здесь. Сейчас основным режимом является Navigation (анализирует загрузку страницы).



Прим. Не забудьте, что экспериментальные функции включаются отдельно - в Настройках DevTools - далее Эксперименты.



Прим2. У DevTools есть демо страница. На ней можно, например, сгенерить отчёты в новых режимах Lighthouse. Также её используют для теста Recorder.



Подробнее об этих и остальных улучшениях DevTools тут.