Sofia Emelianova
Есть много способов открыть Chrome DevTools. Выберите свой любимый.
Щелкните правой кнопкой мыши > Осмотреть
Щелкните правой кнопкой мыши любой элемент на странице и выберите «Проверить» .
Меню «Дополнительные инструменты»
Выбирать 
> Дополнительные инструменты > Инструменты разработчика .
Ярлыки
Если вы умеете работать с клавиатурой, вот шпаргалка:
| Операционные системы | Элементы | Консоль | Ваша последняя панель |
|---|---|---|---|
| Windows или Linux | Ctrl + Shift + С | Ctrl + Shift + J | F12 Ctrl + Shift + Я |
| Мак | Cmd + Опция + С | Cmd + Опция + J | Фн + Ф12 Cmd + Опция + Я |
Простой способ запомнить сочетания клавиш:
- C означает CSS.
- J для JavaScript.
- Я обозначаю ваш выбор.
Автоматически открывать DevTools на каждой новой вкладке
Чтобы узнать, как автоматически открывать Chrome DevTools в Windows, Linux или MacOS, см. раздел Автоматическое открытие DevTools на каждой новой вкладке .