Меню команд обеспечивает быстрый способ навигации по пользовательскому интерфейсу Chrome DevTools и выполнения распространенных задач, таких как отключение JavaScript . Возможно, вы знакомы с похожей функцией в Visual Studio Code, которая называется Палитра команд , которая изначально послужила источником вдохновения для Меню команд .
Открыть меню команд
Чтобы открыть меню команд :
- Нажмите Control + Shift + P (Windows / Linux) или Command + Shift + P (Mac).
- Нажмите
Настройте и управляйте DevTools , а затем выберите команду «Выполнить» .
Открыть файлы
Если вы используете рабочий процесс, описанный в разделе Открытие меню команд , меню команд открывается с префиксом Run > в текстовом поле.
Чтобы открыть файл, удалите символ > и начните вводить имя файла.
Префикс Run меняется на Open , и DevTools вместо этого ищет соответствующие файлы.
Кроме того, вы можете напрямую перейти в меню « Открыть файл» одним из следующих способов:
- Нажмите Control + P (Windows / Linux) или Command + P (Mac).
- Нажмите
Настройте и управляйте DevTools , а затем выберите «Открыть файл» .
Открыть файлы из списка игнорируемых
По умолчанию DevTools скрывает файлы известных третьих лиц. Чтобы открыть такие файлы из меню, отключите опцию Скрыть игнорируемые источники на панели Источники .
Сделать скриншоты области
Меню команд позволяет делать снимки экрана области вашего веб-сайта, подобно инструменту «Ножницы».
Чтобы сделать снимок экрана области, выполните следующие действия:
- Откройте меню команд .
- Введите «скриншот».
- Выберите Сделать снимок экрана области .
- Перетащите курсор в любое место страницы, чтобы сделать снимок.
Чтобы узнать больше о способах создания снимков экрана с помощью DevTools, ознакомьтесь с 4 способами создания снимков экрана с помощью DevTools .
Посмотреть другие доступные действия
Чтобы увидеть другие действия, доступные в меню команд , удалите символ > и введите ? .