Kayce Basques
Sofia Emelianova
На этой странице приведен справочник сочетаний клавиш в Chrome DevTools.
Вы также можете найти сочетания клавиш в подсказках. Наведите курсор на элемент пользовательского интерфейса DevTools, чтобы отобразить его подсказку. Если у элемента есть сочетание клавиш, подсказка его отобразит.
Сочетания клавиш для открытия DevTools
Чтобы открыть DevTools, нажмите следующие сочетания клавиш, когда курсор находится в области просмотра браузера:
| Действие | Мак | Виндовс/Линукс |
|---|---|---|
| Откройте последнюю использованную вами панель. | Команда + Option + I | F12 или Control + Shift + I |
| Откройте панель консоли. | Command + Option + J | Ctrl + Shift + J |
| Откройте панель «Элементы» | Command + Shift + C или Command + Option + C | Контрол + Шифт + С |
Глобальные сочетания клавиш
Следующие сочетания клавиш доступны на большинстве, если не на всех, панелях DevTools.
| Действие | Мак | Виндовс/Линукс |
|---|---|---|
| Показать настройки | ? или Функция + F1 | ? или F1 |
| Перейти к следующей панели | Команда + ] | Ctrl + ] |
| Перейти к предыдущей панели | Команда + [ | Контрол + [ |
| Вернитесь к той позиции стыковки, которую вы использовали в последний раз. Если DevTools был в своей позиции по умолчанию в течение всего сеанса, то эта комбинация клавиш отстыкует DevTools в отдельное окно | Command + Shift + D | Контрол + Шифт + D |
| Переключить режим устройства | Command + Shift + M | Контрол + Шифт + М |
| Переключить режим проверки элемента | Command + Shift + C | Контрол + Шифт + С |
| Открыть меню команд | Command + Shift + P | Контрол + Шифт + Р |
| Переключить ящик | Побег | Побег |
| Обычная перезарядка | Command + R | F5 или Control + R |
| Жесткая перезагрузка | Command + Shift + R | Control + F5 или Control + Shift + R |
| Поиск текста в текущей панели. Поддерживается только в панелях Elements , Console , Sources , Performance , Memory , JavaScript Profiler и Quick Source . | Command + F | Ctrl + F |
| Открывает вкладку «Поиск» в Drawer , которая позволяет искать текст по всем загруженным ресурсам. | Command + Option + F | Ctrl + Shift + F |
| Откройте файл на панели « Источники» | Command + O или Command + P | Control + O или Control + P |
| Увеличить масштаб | Команда + Шифт + + | Контрол + Шифт + + |
| Уменьшить масштаб | Команда + - | Контроль + - |
| Восстановить уровень масштабирования по умолчанию | Команда + 0 | Контроль + 0 |
| Выполнить фрагмент | Нажмите Command + O , чтобы открыть меню команд , введите ! , а затем имя скрипта, затем нажмите Enter. | Нажмите Control + O , чтобы открыть меню команд , введите ! , а затем имя скрипта, затем нажмите Enter. |
Сочетания клавиш на панели элементов
| Действие | Мак | Виндовс/Линукс |
|---|---|---|
| Отменить изменение | Command + Z | Ctrl + Z |
| Повторить изменение | Command + Shift + Z | Ctrl + Y |
| Выберите элемент выше/ниже текущего выбранного элемента | Стрелка вверх / Стрелка вниз | Стрелка вверх / Стрелка вниз |
| Развернуть выбранный в данный момент узел. Если узел уже развернут, эта комбинация клавиш выбирает элемент под ним | Стрелка вправо | Стрелка вправо |
| Свернуть выбранный в данный момент узел. Если узел уже свёрнут, эта комбинация клавиш выбирает элемент над ним | Стрелка влево | Стрелка влево |
| Развернуть или свернуть выбранный в данный момент узел и все его дочерние элементы | Удерживайте клавишу Option , затем щелкните значок стрелки рядом с именем элемента. | Удерживайте Control + Alt , затем щелкните значок стрелки рядом с именем элемента. |
| Переключить режим редактирования атрибутов для выбранного в данный момент элемента | Входить | Входить |
| Выберите следующий/предыдущий атрибут после входа в режим редактирования атрибутов | Tab / Shift + Tab | Tab / Shift + Tab |
| Скрыть выбранный в данный момент элемент | ЧАС | ЧАС |
| Переключить режим редактирования как HTML для выбранного в данный момент элемента | Функция + F2 | Ф2 |
Сочетания клавиш панели стилей
| Действие | Мак | Виндовс/Линукс |
|---|---|---|
| Перейдите к строке, где объявлено значение свойства. | Удерживайте клавишу Command , затем щелкните значение свойства. | Удерживайте Control , затем щелкните значение свойства. |
| Прокрутите правила CSS | Стрелка вверх / Стрелка вниз | Стрелка вверх / Стрелка вниз |
| Перебор свойств и элементов управления в значениях свойств в правиле CSS | Стрелка влево / Стрелка вправо | Стрелка влево / Стрелка вправо |
| Открывать подсказку по значению CSS при фокусировке на функции в значении свойства (например, var, calc, clamp и т. д., обозначенной подчеркиванием из точек) | Option + Стрелка вниз | Alt + Стрелка вниз |
| Изменить представление значения цвета (например, RGB, hex, oklch и т. д.) | Удерживайте клавишу Shift , затем щелкните поле « Предварительный просмотр цвета» рядом со значением. | Удерживайте клавишу Shift , затем щелкните поле « Предварительный просмотр цвета» рядом со значением. |
| Редактировать следующее/предыдущее свойство или значение | Щелкните имя свойства или значение, затем нажмите Tab / Shift + Tab. | Щелкните имя свойства или значение, затем нажмите Tab / Shift + Tab. |
| Увеличить/уменьшить значение свойства на 0,1 | Щелкните значение, затем нажмите Option + Стрелка вверх / Option + Стрелка вниз | Щелкните значение, затем нажмите Alt + Стрелка вверх / Alt + Стрелка вниз |
| Увеличить/уменьшить значение свойства на 1 | Щелкните значение, затем нажмите стрелку вверх / стрелку вниз. | Щелкните значение, затем нажмите стрелку вверх / стрелку вниз. |
| Увеличить/уменьшить значение свойства на 10 | Щелкните значение, затем нажмите Shift + Стрелка вверх / Shift + Стрелка вниз | Щелкните значение, затем нажмите Shift + Стрелка вверх / Shift + Стрелка вниз |
| Увеличить/уменьшить значение свойства на 100 | Щелкните значение, затем нажмите Command + Стрелка вверх / Command + Стрелка вниз | Щелкните значение, затем нажмите Control + Стрелка вверх / Control + Стрелка вниз |
| Переключение между градусами (deg), градами (grad), радианами (rad) и поворотами (turn) представления значения угла | Удерживайте Shift , затем щелкните поле « Предварительный просмотр угла» рядом со значением. | Удерживайте Shift , затем щелкните поле « Предварительный просмотр угла» рядом со значением. |
| Увеличить/уменьшить значение угла на 1 | Щелкните поле «Предварительный просмотр угла» рядом со значением, затем нажмите стрелку вверх / стрелку вниз. | Щелкните поле «Предварительный просмотр угла» рядом со значением, затем нажмите стрелку вверх / стрелку вниз. |
| Увеличить/уменьшить значение угла на 10 | Щелкните поле «Предварительный просмотр угла» рядом со значением, затем нажмите Shift + Стрелка вверх / Shift + Стрелка вниз. | Щелкните поле «Предварительный просмотр угла» рядом со значением, затем нажмите Shift + Стрелка вверх / Shift + Стрелка вниз. |
| Увеличить/уменьшить значение угла на 15 | Щелкните поле «Предварительный просмотр угла» рядом со значением, затем нажмите Shift , щелкните/проведите мышью по наложению часов угла. | Щелкните поле «Предварительный просмотр угла» рядом со значением, затем нажмите Shift , щелкните/проведите мышью по наложению часов угла. |
Сочетания клавиш на панели «Источники»
| Действие | Мак | Виндовс/Линукс |
|---|---|---|
| Приостановить выполнение скрипта (если он в данный момент запущен) или возобновить (если он в данный момент приостановлен) | F8 или Command + \ | F8 или Control + \ |
| Перейти к следующему вызову функции | F10 или Command + ' | F10 или Control + ' |
| Перейти к следующему вызову функции | F11 или Command + ; | F11 или Control + ; |
| Выйти из текущей функции | Shift + F11 или Command + Shift + ; | Shift + F11 или Control + Shift + ; |
| Продолжайте выполнение до определенной строки кода во время паузы | Удерживайте клавишу Command , а затем щелкните строку кода. | Удерживайте Control и затем щелкните строку кода. |
| Выберите кадр вызова ниже/выше текущего выбранного кадра | Контроль + . / Контроль + , | Контроль + . / Контроль + , |
| Сохранить изменения в локальных модификациях | Команда + S | Контрол + С |
| Сохранить все изменения | Команда + Option + S | Контрол + Альт + С |
| Перейти к строке | Ctrl + G | Ctrl + G |
| Перейти к номеру строки текущего открытого файла | Нажмите Command + O , чтобы открыть меню команд , введите : , затем номер строки, затем нажмите Enter. | Нажмите Control + O , чтобы открыть меню команд , введите : после номера строки, затем нажмите Enter. |
| Перейти к столбцу текущего открытого файла (например, строка 5, столбец 9) | Нажмите Command + O , чтобы открыть меню команд , введите : , затем номер строки, затем еще : , затем номер столбца, затем нажмите Enter. | Нажмите Control + O , чтобы открыть меню команд , введите : , затем номер строки, затем еще : , затем номер столбца, затем нажмите Enter. |
| Перейти к объявлению функции (если текущий открытый файл — это HTML или скрипт) или к набору правил (если текущий открытый файл — это таблица стилей) | Нажмите Command + Shift + O , затем введите имя объявления/набора правил или выберите его из списка вариантов. | Нажмите Control + Shift + O , затем введите имя объявления/набора правил или выберите его из списка вариантов. |
| Закрыть активную вкладку | Вариант + W | Альт + W |
| Открыть следующую или предыдущую вкладку | Функция + Команда + Вверх или Вниз | Control + Page Up или Page Down |
| Переключить боковую панель навигации слева | Command + Shift + Y | Ctrl + Shift + Y |
| Переключить боковую панель отладчика справа | Command + Shift + H | Ctrl + Shift + H |
Сочетания клавиш редактора кода
| Действие | Мак | Виндовс/Линукс |
|---|---|---|
| Удалить все символы в последнем слове до курсора | Опция + Удалить | Ctrl + Delete |
| Добавить или удалить точку останова строки кода | Наведите курсор на строку и нажмите Command + B. | Наведите курсор на строку и нажмите Control + B. |
| Откройте диалоговое окно редактирования точек останова, чтобы редактировать условные точки останова или точки журнала. | Наведите курсор на строку и нажмите Command + Alt + B. | Наведите курсор на строку и нажмите Control + Alt + B. |
| Открыть диалоговое окно условной точки останова | Command +щелчок по номеру строки | Control +щелчок по номеру строки |
| Открыть диалоговое окно точки входа | Command + Shift + щелчок по номеру строки | Control + Shift + щелчок по номеру строки |
| Перейти к соответствующей скобке | Контрол + М | Контрол + М |
| Переключить однострочный комментарий. Если выбрано несколько строк, DevTools добавляет комментарий в начало каждой строки | Команда + / | Контроль + / |
| Выбрать/отменить выбор следующего вхождения слова, на котором находится курсор. Каждое вхождение подсвечивается одновременно | Команда + D / Команда + U | Ctrl + D / Ctrl + U |
Сочетания клавиш сетевой панели
| Действие | Мак | Виндовс/Линукс |
|---|---|---|
| Поиск заголовков, полезных данных и ответов | Command + F | Ctrl + F |
| Начать/остановить запись | Command + E | Контрол + Е |
| Запись перезагрузки | Command + R | Ctrl + R |
| Повторить выбранный запрос XHR | Р | Р |
| Скрыть детали выбранного запроса | Побег | Побег |
Сочетания клавиш панели производительности
| Действие | Мак | Виндовс/Линукс |
|---|---|---|
| Начать/остановить запись | Command + E | Контрол + Е |
| Сохранить запись | Команда + S | Контрол + С |
| Загрузить запись | Команда + О | Контрол + О |
Сочетания клавиш панели памяти
| Действие | Мак | Виндовс/Линукс |
|---|---|---|
| Начать/остановить запись | Command + E | Контрол + Е |
Сочетания клавиш на панели консоли
| Действие | Мак | Виндовс/Линукс |
|---|---|---|
| Принять предложение автозаполнения | Стрелка вправо или Tab | Стрелка вправо или Tab |
| Отклонить предложение автозаполнения | Побег | Побег |
| Перемещаться по списку автозаполнения вверх или вниз | Вверх / Вниз или Control + P / N | Вверх / Вниз или Control + P / N |
| Получить предыдущую выписку | Стрелка вверх | Стрелка вверх |
| Получить следующую выписку | Стрелка вниз | Стрелка вниз |
| Сфокусируйте консоль | Контрол + ` | Контрол + ` |
| Очистить консоль | Command + K или Option + L | Контрол + Л |
| Принудительный ввод нескольких строк. Обратите внимание, что DevTools должен определять многострочные сценарии по умолчанию, поэтому эта комбинация клавиш теперь обычно не нужна | Shift + Возврат | Shift + Enter |
| Выполнять | Возвращаться | Входить |
| Развернуть все подсвойства объекта, зарегистрированного в консоли | Удерживайте Alt , затем нажмите «Развернуть» > | Удерживайте Alt , затем нажмите «Развернуть» > |
Сочетания клавиш на вкладке поиска
| Действие | Мак | Виндовс/Линукс |
|---|---|---|
| Развернуть/свернуть все результаты поиска | Команда + Опция + { или } | Ctrl + Shift + { или } |
Сочетания клавиш на панели рекордера
| Действие | Мак | Виндовс/Линукс |
|---|---|---|
| Начать или остановить запись | Command + E | Контрол + Е |
| Повтор записи | Команда + Enter | Контрол + Ввод |
| Копировать запись или выбранный шаг | Command + C | Контрол + С |
| Переключить вид кода | Команда + B | Контроль + Б |
Сочетания клавиш панели «Слои»
| Действие | Мак | Виндовс/Линукс |
|---|---|---|
| Перемещайте диаграмму по осям X и Y. | W (вверх), A (влево), S (вниз), D (вправо) | W (вверх), A (влево), S (вниз), D (вправо) |
| Переключить режим панорамирования | Х | Х |
| Переключить режим поворота | В | В |
| Сбросить положение и поворот диаграммы | 0 | 0 |
| Увеличить масштаб диаграммы | Shift + + или колесико мыши вверх | Shift + + или колесико мыши вверх |
| Уменьшить масштаб диаграммы | Shift + - или колесико мыши вниз | Shift + - или колесико мыши вниз |