Актуальная информация на официальном сайте
Не все тестировщики знают или задумываются, но искать информацию о DevTools лучше всего на официальном сайте #Google - Chrome Developers. Можно найти много полезного не только про инструменты разработки, например, можно узнать про мобильный Chrome или Web API в Android.
Все об обновлениях Chrome в What's New
Видишь, что Chrome обновился на мажорную версию - почитай What's New In DevTools. Занимает 10 минут, зато будешь в курсе полезных фич.
Описание релиза текущей версии DevTools можно узнать прям из DevTools: открыть DevTools > Контекстное меню троеточие > Help > Release notes
Горячие клавиши экономят время
Это позволяет меньше времени тратить на клики по меню, открытию вложенных списков. Например, чтобы открыть настройку DevTools нужно всего лишь нажать F1 (win) и Fn+F1 (macOS).
Полный список команд или в самом DevTools часто используемые.
Открытие DevTools по запуску Chrome
Если требуется открытие DevTools сразу по запуску браузера, то просто добавь ключ запуска --auto-open-devtools-for-tabs.
Для macOS:
/Applications/Google\ Chrome.app/Contents/MacOS/Google\ Chrome --auto-open-devtools-for-tabs
Для windows:
/chrome.exe --auto-open-devtools-for-tabs
Множество полезных функций
DevTools на то и инструмент разработки потому что содержит массу полезных утилит для тестирования и разработки. Можно подменять местоположение, сообщать сайтам тип устройства (мобилка, планшет, win, mas и т.п.), записывать лог сетевых запросов и многое другое.
Подробнее о возможностях DevTools Chrome поговорим в отдельных постах, поэтому подписывайся на канал. А пока делюсь очень полезным сайтом, где есть лайфхаки по devtools распространенных браузеров: DevToolstips.org