Запуск команд в меню команд

Кейси Баски
Kayce Basques
София Емельянова
Sofia Emelianova

Меню команд обеспечивает быстрый способ навигации по пользовательскому интерфейсу Chrome DevTools и выполнения общих задач, таких как отключение JavaScript . Возможно, вы знакомы с похожей функцией в Visual Studio Code, называемой « Палитра команд» , которая послужила первоначальным источником вдохновения для меню команд .

Командное меню.

Откройте командное меню

Чтобы открыть командное меню :

  • Нажмите Control + Shift + P (Windows/Linux) или Command + Shift + P (Mac).
  • Нажмите Настраивайте и управляйте DevTools. Настройте DevTools и управляйте ими , а затем выберите команду «Выполнить» .

Команда запуска.

Открыть файлы

Если вы используете рабочий процесс, описанный в разделе «Открытие командного меню» , командное меню открывается с добавленным в текстовом поле Run > .

Вместо этого, чтобы открыть файл, удалите символ > и начните вводить имя файла.

Открыть.

Run добавляет изменения к Open , а DevTools вместо этого ищет соответствующие файлы.

Альтернативно вы можете сразу перейти в меню «Открыть файл» одним из следующих способов:

  • Нажмите Control + P (Windows/Linux) или Command + P (Mac).
  • Нажмите Настраивайте и управляйте DevTools. Настройте DevTools и управляйте ими , а затем выберите «Открыть файл» .

Открыть файлы из списка игнорируемых

По умолчанию DevTools скрывает файлы известных третьих лиц. Чтобы открывать такие файлы из меню, отключите параметр «Скрыть источники из игнорируемого списка» на панели «Источники» .

Делать скриншоты области

Меню команд позволяет делать снимки экрана вашего веб-сайта, подобно инструменту «Ножницы».

Чтобы сделать снимок экрана области, выполните следующие действия:

  1. Откройте командное меню .
  2. Введите «скриншот».
  3. Выберите «Снимок экрана области» .
  4. Перетащите, чтобы выбрать любое место на странице, чтобы захватить его. Перетащите, чтобы сделать снимок экрана области.

Дополнительные способы создания снимков экрана с помощью DevTools см. в разделе «4 способа создания снимков экрана с помощью DevTools» .

Посмотреть другие доступные действия

Чтобы просмотреть другие действия, доступные в командном меню , удалите символ > и введите ? .

Другие действия.