Советы DevTools - день 18: спрятано в ящике
часть серии «Адвент-календарь для фронтенд-разработчиков»
В течение 24 дней до праздников я публикую короткие статьи с советами о том, как использовать DevTools более производительно и увлекательно. Вчера мы нашли способы улучшить читаемость логов в консоли. Сегодня давайте поговорим о мощном наборе функций, скрытых в панели инструментов DevTools:
50. Панель инструментов DevTools.
В Chrome DevTools очень много устройств, разделенных на 9 вкладок (Элементы, Консоль, Источники, Сеть и т.д…) - но это на самом деле только его часть! Существует «параллельный» набор вкладок, которые скрыты под главным окном. Этот набор называется Ящик.
Чтобы получить к нему доступ, когда вы находитесь в DevTools (любая вкладка), нажмите [esc].
Нажмите [esc] еще раз, чтобы скрыть его:
По умолчанию вы увидите там вкладку «Консоль». Это та же самая консоль, что и основная панель Console. Вот почему он будет отображаться для каждой основной вкладки (Элементы, Источники, Сеть…), кроме Консоли, для которой это не имеет смысла.
Удобно, чтобы такая консоль была видна одновременно с, например, панель Элементы. Но это еще не все, что скрыто в ящике.
51. Остальные инструменты в ящике.
В ящике так много других функций, которые, скорее всего, вам не понадобятся в большинстве случаев, поэтому они скрыты, и вы можете просто выбрать, какую из них вы хотите там показать.
Чтобы открыть полный список этих возможностей, щелкните значок меню (⋮), расположенный перед вкладкой панели консоли выдвижного ящика. Как вариант, вы также можете использовать Меню команд и ввести Ящик:
Хорошо, давайте еще раз посмотрим все варианты:
Animations,Changes,Console,Coverage,Network conditions,Performance monitor,Quick source,Remote devices,Rendering,Request blocking,Search,SensorsиWhat’s new
Уф, это… [counts quickly] в общей сложности 13 новых областей для исследования!
Как уже, наверное, догадались, я покажу больше советов о том, что мы можем найти здесь ... но оставим это до завтра (здесь), когда мы рассмотрим пару самых крутых из всей группы.
А пока, если вам нравится эта серия статей, пожалуйста, :
→ нажмите кнопку 👏 внизу️, чтобы больше людей увидело это
→ подписывайтесь на меня в Твиттере (@sulco), чтобы вы не пропустили следующие публикации:
Кроме того, 19-й день уже опубликован, читайте здесь:
