Добавить в корзинуПозвонить
Найти в Дзене
Тестировщик

Полезные знания о Chrome DevTools

Актуальная информация на официальном сайте Не все тестировщики знают или задумываются, но искать информацию о 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 сразу по запуску браузера, то пр
Оглавление

Актуальная информация на официальном сайте

Не все тестировщики знают или задумываются, но искать информацию о 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
Информация о текущей версии DevTools

Горячие клавиши экономят время

Это позволяет меньше времени тратить на клики по меню, открытию вложенных списков. Например, чтобы открыть настройку DevTools нужно всего лишь нажать F1 (win) и Fn+F1 (macOS).

Полный список команд или в самом DevTools часто используемые.

Описание горячих клавиш DevTools
Описание горячих клавиш 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

Не забудь поставить лайк, оставить комментарий и поделится с друзьями 😉

-3