На панели разработчика Chrome этот инструмент...
позволяет вам выбирать элементы и напрямую обращаться к ним в представлении DOM и просматривать их атрибуты CSS.
Safari имеет тот же инструмент.
Есть ли комбинация клавиш для активации этого инструмента (после открытия панели)?
Чтобы открыть/переключиться с режима проверки элемента и окна браузера, вы можете сделать:
В Mac - ⌘ + Shift + C
В Windows/Linux - Ctrl + Shift + C ИЛИ F12
Более полезные сочетания клавиш см. в документации .
Ярлык Ctrl + Shift + C (источник).
Вы также можете щелкнуть правой кнопкой мыши любой элемент веб-страницы и нажать Inspect element.
Ctrl + Shift + C для linux.
В Windows и Linux, чтобы открыть панель "Inspect element" внизу:
Вы можете использовать: Ctrl + Shift + C
ИЛИ вы можете использовать: F12
В то время как вы обычно можете щелкнуть элементы правой кнопкой мыши на веб-странице и нажать Inspect element, полезно знать эти сочетания клавиш, если на странице JavaScript отключен щелчок правой кнопкой мыши на этой странице.
На Mac вы можете использовать ⌘ + ⌥ + I
Это то, что работает для меня.