На панели разработчиков Chrome есть сочетание клавиш для селектора элементов?

На панели разработчика Chrome этот инструмент...

enter image description here

позволяет вам выбирать элементы и напрямую обращаться к ним в представлении DOM и просматривать их атрибуты CSS.

Safari имеет тот же инструмент.

Есть ли комбинация клавиш для активации этого инструмента (после открытия панели)?

Ответы

Ответ 1

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

  • В Mac - ⌘ + Shift + C

  • В Windows/Linux - Ctrl + Shift + C ИЛИ F12

Более полезные сочетания клавиш см. в документации .

Ответ 2

Ярлык Ctrl + Shift + C (источник).

Вы также можете щелкнуть правой кнопкой мыши любой элемент веб-страницы и нажать Inspect element.

Ответ 3

Ctrl + Shift + C для linux.

Ответ 4

В Windows и Linux, чтобы открыть панель "Inspect element" внизу:

  • Вы можете использовать: Ctrl + Shift + C

  • ИЛИ вы можете использовать: F12

В то время как вы обычно можете щелкнуть элементы правой кнопкой мыши на веб-странице и нажать Inspect element, полезно знать эти сочетания клавиш, если на странице JavaScript отключен щелчок правой кнопкой мыши на этой странице.

Ответ 5

На Mac вы можете использовать ⌘ + ⌥ + I

Это то, что работает для меня.