Kayce Basques
Sofia Emelianova
На этой странице приведены сочетания клавиш, которые можно использовать в инструментах разработчика в Chrome.
Сочетания клавиш также можно найти в подсказках. Наведите указатель на элемент интерфейса инструментов разработчика, чтобы увидеть подсказку. Если для элемента есть сочетание клавиш, оно будет указано в подсказке.
Быстрые клавиши для открытия Инструментов разработчика
Чтобы открыть инструменты разработчика, нажмите следующие сочетания клавиш, когда курсор находится в области просмотра браузера:
| Действие | macOS | Windows или Linux |
|---|---|---|
| Открыть последнюю использованную панель | Command+Option+I | F12 или Ctrl + Shift + I |
| Как открыть панель Консоль | Command+Option+J | Control+Shift+J |
| Откройте панель Элементы. | Command + Shift + C или Command + Option + C | Ctrl + Shift + C |
Глобальные сочетания клавиш
Следующие сочетания клавиш доступны на большинстве, если не на всех, панелей DevTools.
| Действие | macOS | Windows / Linux |
|---|---|---|
| Показать настройки | ? или Function+F1 | ? или F1 |
| Перейти к следующей панели | Command+] | Ctrl + ] |
| Перейти к предыдущей панели | Command+[ | Control+[ |
| Вернуться к последнему использованному положению закрепления. Если инструменты разработчика были в позиции по умолчанию в течение всего сеанса, сочетание клавиш перенесет их в отдельное окно. | Command+Shift+D | Control+Shift+D |
| Включите режим устройства. | Command+Shift+M | Ctrl + Shift + M |
| Включите режим проверки элемента. | Command+Shift+C | Ctrl + Shift + C |
| Откройте меню команд. | Command+Shift+P | Ctrl + Shift + P |
| Переключатель Панель | Escape | Escape |
| Обычное обновление | Command+R | F5 или Control+R |
| Принудительная перезагрузка | Command+Shift+R | Ctrl + F5 или Ctrl + Shift + R |
| Поиск текста на текущей панели. Поддерживается только на панелях Элементы, Консоль, Источники, Производительность, Память, Профилировщик JavaScript и Быстрый переход к источнику. | Command + F | Control+F |
| Открывает вкладку Поиск на панели, где можно искать текст во всех загруженных ресурсах. | Command+Option+F | Control+Shift+F |
| Откройте файл на панели Источники. | Command + O или Command + P | Ctrl + O или Ctrl + P |
| Увеличить | Command+Shift++ | Control+Shift++ |
| Уменьшить | Command+- | Control+- |
| Восстановить уровень масштабирования по умолчанию | Command+0 | Ctrl + 0 |
| Запуск фрагмента | Нажмите Command + O, чтобы открыть меню команд, и введите !. затем название скрипта и нажмите Ввод. | Нажмите Ctrl + O, чтобы открыть меню команд, и введите !. и название скрипта, а затем нажмите Ввод. |
Сочетания клавиш для панели "Элементы"
| Действие | macOS | Windows или Linux |
|---|---|---|
| Отменить изменение | Command+Z | Ctrl + Z |
| Повторить изменение | Command+Shift+Z | Ctrl + Y |
| Выбрать элемент над или под текущим выбранным элементом | Стрелка вверх / Стрелка вниз | Стрелка вверх / Стрелка вниз |
| Развернуть выбранный узел. Если узел уже развернут, это сочетание клавиш выбирает элемент под ним. | Стрелка вправо | Стрелка вправо |
| Свернуть выбранный узел. Если узел уже свернут, это сочетание клавиш выбирает элемент над ним. | Стрелка влево | Стрелка влево |
| Развернуть или свернуть выбранный узел и все его дочерние элементы | Удерживая клавишу Option, нажмите на значок стрелки рядом с названием элемента. | Удерживая клавиши Control+Alt, нажмите на значок стрелки рядом с названием элемента. |
| Переключить режим Изменить атрибуты для выбранного элемента | Ввод | Ввод |
| Выбрать следующий или предыдущий атрибут после перехода в режим Изменить атрибуты. | Tab / Shift+Tab | Tab / Shift+Tab |
| Скрыть выбранный элемент | П | П |
| Переключиться в режим Редактировать как HTML для выбранного элемента | Function+F2 | Кадр 2 |
Сочетания клавиш для панели "Стили"
| Действие | macOS | Windows / Linux |
|---|---|---|
| Как перейти к строке, в которой объявлено значение свойства | Удерживая клавишу Command, нажмите на значение свойства. | Удерживая клавишу Ctrl, нажмите на значение свойства. |
| Как переключаться между правилами CSS | Стрелка вверх / Стрелка вниз | Стрелка вверх / Стрелка вниз |
| Переключение между свойствами и элементами управления в значениях свойств в правиле CSS | Стрелка влево / Стрелка вправо | Стрелка влево / Стрелка вправо |
| Открывать подсказку со значением CSS при фокусировке на функции в значении свойства (например, var, calc, clamp и т. д., которые подчеркнуты пунктирной линией) | Option + Стрелка вниз | Alt + Стрелка вниз |
| Изменять представление значения цвета (например, RGB, шестнадцатеричный код, Oklch и т.д.). | Удерживая клавишу Shift, нажмите на поле Предварительный просмотр цвета рядом со значением. | Удерживая клавишу Shift, нажмите на поле Предварительный просмотр цвета рядом со значением. |
| Изменить следующее / предыдущее свойство или значение | Нажмите на название или значение свойства, а затем нажмите Tab или Shift + Tab. | Нажмите на название или значение свойства, а затем нажмите Tab / Shift + Tab. |
| Увеличить или уменьшить значение свойства на 0,1 | Нажмите на значение, а затем нажмите Option + Стрелка вверх или Option + Стрелка вниз. | Нажмите на значение, а затем Alt+Стрелка вверх или Alt+Стрелка вниз. |
| Увеличить или уменьшить значение свойства на 1 | Нажмите на значение, а затем на стрелку вверх или стрелку вниз. | Нажмите на значение, а затем на стрелку вверх или стрелку вниз. |
| Увеличить или уменьшить значение свойства на 10 | Нажмите на значение, а затем нажмите Shift + Стрелка вверх или Shift + Стрелка вниз. | Нажмите на значение, а затем нажмите Shift + стрелка вверх или Shift + стрелка вниз. |
| Увеличить или уменьшить значение свойства на 100 | Нажмите на значение, а затем нажмите Command + Стрелка вверх или Command + Стрелка вниз. | Нажмите на значение, а затем нажмите Ctrl + Стрелка вверх или Ctrl + Стрелка вниз. |
| Переключение между градусами (deg), градами (grad), радианами (rad) и оборотами (turn) для представления значения угла | Удерживая клавишу Shift, нажмите на поле Предварительный просмотр угла рядом со значением. | Удерживая клавишу Shift, нажмите на поле Предварительный просмотр угла рядом со значением. |
| Увеличить или уменьшить значение угла на 1 | Нажмите на поле Предварительный просмотр угла рядом со значением, а затем нажмите стрелку вверх или стрелку вниз. | Нажмите на поле Предварительный просмотр угла рядом со значением, а затем нажмите стрелку вверх или стрелку вниз. |
| Увеличить или уменьшить значение угла на 10 | Нажмите на поле Предварительный просмотр угла рядом со значением, а затем нажмите Shift + Стрелка вверх или Shift + Стрелка вниз. | Нажмите на поле Предварительный просмотр угла рядом со значением, а затем нажмите Shift + Стрелка вверх или Shift + Стрелка вниз. |
| Увеличить или уменьшить значение угла на 15 | Нажмите на поле Предварительный просмотр угла рядом со значением, а затем, удерживая клавишу Shift, нажмите на наложение часов с углами и перетащите его. | Нажмите на поле Angle Preview рядом со значением, а затем нажмите Shift и выберите нужный угол на Angle Clock Overlay. |
Быстрые клавиши для панели "Источники"
| Действие | macOS | Windows / Linux |
|---|---|---|
| Приостановить выполнение скрипта (если он запущен) или возобновить его (если он приостановлен). | F8 или Command + \ | F8 или Control+\ |
| Перейти к следующему вызову функции | F10 или Command + ' | F10 или Ctrl + ' |
| Переход к следующему вызову функции | F11 или Command+; | F11 или Control+; |
| Выход из текущей функции | Shift + F11 или Command + Shift + ; | Shift + F11 или Ctrl + Shift + ; |
| Как продолжить выполнение кода до определенной строки, когда оно приостановлено | Удерживая клавишу Command, нажмите на строку кода. | Удерживая клавишу Control, нажмите на строку кода. |
| Выбрать кадр вызова ниже / выше текущего | Control+. / Control+, | Control+. / Control+, |
| Сохранить изменения в локальных модификациях | Command+S | Ctrl + S |
| Сохранить все изменения | Command+Option+S | Control+Alt+S |
| Перейти к строке | Ctrl + G | Control+G |
| Переход к строке с определенным номером в открытом файле | Нажмите Command + O, чтобы открыть меню команд, введите : и номер строки, а затем нажмите Ввод. | Нажмите Control+O, чтобы открыть меню команд, введите :, а затем номер строки и нажмите Ввод. |
| Перейти к определенному столбцу в открытом файле (например, к строке 5, столбцу 9) | Нажмите Command + O, чтобы открыть меню команд, введите :, затем номер строки, затем ещё один символ :, затем номер столбца и нажмите Ввод. | Нажмите Control+O, чтобы открыть меню команд, введите :, номер строки, ещё один символ :, номер столбца и нажмите Ввод. |
| Перейти к объявлению функции (если открыт HTML-файл или скрипт) или к набору правил (если открыта таблица стилей) | Нажмите Command + Shift + O, а затем введите название набора правил или выберите его из списка. | Нажмите Control+Shift+O, а затем введите название декларации или набора правил или выберите его из списка. |
| Закрыть активную вкладку | Option+W | Alt+W |
| Переход к следующей или предыдущей вкладке | Function + Command + Стрелка вверх или Стрелка вниз | Ctrl + Page Up или Page Down |
| Включите боковую панель Навигация слева. | Command+Shift+Y | Ctrl + Shift + Y |
| Включите боковую панель Отладчик справа. | Command+Shift+H | Ctrl + Shift + H |
Быстрые клавиши в редакторе кода
| Действие | macOS | Windows или Linux |
|---|---|---|
| Удалите все символы в последнем слове до курсора | Option+Delete | Control+Delete |
| Как добавить или удалить точку останова в строке кода | Установите курсор на строку и нажмите Command + B. | Установите курсор на строку и нажмите Ctrl + B. |
| Откройте диалоговое окно редактирования точки останова, чтобы изменить условные точки останова или точки регистрации. | Установите курсор на строку и нажмите Command + Alt + B. | Установите курсор на строку и нажмите Control+Alt+B. |
| Откройте диалоговое окно условной точки останова. | Command + нажать на номер строки. | Нажмите Control и выберите номер строки. |
| Открыть диалоговое окно точки регистрации | Command+Shift+нажать на номер строки | Control+Shift+нажать на номер строки |
| Перейти к парной скобке | Control+M | Control+M |
| Переключить однострочный комментарий. Если выбрано несколько строк, DevTools добавляет комментарий в начале каждой строки. | Command+/ | Ctrl + / |
| Выбрать или отменить выбор следующего вхождения слова, на котором находится курсор. Все вхождения выделяются одновременно. | Command+D / Command+U | Control+D / Control+U |
Быстрые клавиши для панели "Сеть"
| Действие | macOS | Windows или Linux |
|---|---|---|
| Поиск по заголовкам, полезной нагрузке и ответам | Command+F | Ctrl + F |
| Начать / остановить запись | Command+E | Ctrl + E |
| Как записать перезагрузку | Command+R | Ctrl + R |
| Как скрыть сведения о выбранном запросе | Escape | Escape |
Быстрые клавиши для панели "Производительность"
| Действие | macOS | Windows или Linux |
|---|---|---|
| Начать или остановить запись | Command+E | Ctrl + E |
| Save recording (Сохранить запись) | Command+S | Control+S |
| Загрузить запись | Command+O | Ctrl + O |
Быстрые клавиши для панели "Память"
| Действие | macOS | Windows или Linux |
|---|---|---|
| Начать или остановить запись | Command+E | Ctrl + E |
Быстрые клавиши для панели консоли
| Действие | macOS | Windows или Linux |
|---|---|---|
| Принять подсказку автозаполнения | Стрелка вправо или Tab | Стрелка вправо или Tab |
| Как отклонить подсказку автозаполнения | Escape | Escape |
| Перемещение вверх или вниз по списку автозаполнения | Стрелка вверх / вниз или Ctrl + P / N | Стрелка вверх / вниз или Ctrl + P / N |
| Получить предыдущую выписку | Стрелка вверх | Стрелка вверх |
| Получить следующую выписку | Стрелка вниз | Стрелка вниз |
| Перейдите на вкладку Консоль. | Control+` | Control+` |
| Очистите консоль. | Command+K или Option+L | Ctrl + L |
| Принудительно переносить текст на новую строку. Обратите внимание, что инструменты разработчика должны по умолчанию определять многострочные сценарии, поэтому это сочетание клавиш обычно не требуется. | Shift+Return | Shift + Ввод |
| Выполнить | Возврат | Ввод |
| Развернуть все дочерние ресурсы объекта, зарегистрированного в консоли | Удерживая Alt, нажмите Развернуть >. | Удерживая Alt, нажмите Развернуть >. |
Сочетания клавиш для вкладки поиска
| Действие | macOS | Windows / Linux |
|---|---|---|
| Развернуть или свернуть все результаты поиска | Command + Option + { или } | Control + Shift + { или } |
Быстрые клавиши для панели "Диктофон"
| Действие | macOS | Windows или Linux |
|---|---|---|
| Как начать или остановить запись | Command+E | Ctrl + E |
| Воспроизвести запись заново | Command + Ввод | Ctrl + Ввод |
| Копировать запись или выбранный шаг | Command+C | Ctrl + C |
| Включить/отключить режим просмотра кода | Command+B | Ctrl + B |
Быстрые клавиши для панели "Слои"
| Действие | macOS | Windows или Linux |
|---|---|---|
| Перемещать диаграмму по осям X и Y | W (вверх), A (влево), S (вниз), D (вправо) | W (вверх), A (влево), S (вниз), D (вправо) |
| Включить или отключить режим панорамирования | X | X |
| Переключить режим поворота | V | V |
| Как сбросить положение и поворот диаграммы | 0 | 0 |
| Увеличить масштаб диаграммы | Shift++ или прокрутка колесика мыши вверх | Shift++ или прокрутка колесика мыши вверх |
| Уменьшить масштаб диаграммы | Shift + - или прокрутка колесика мыши вниз | Shift + - или прокрутка колесика мыши вниз |