Google Chrome: сочетание клавиш для просмотра ресурсов / проверки элемента?

19

В Google Chrome есть функция, похожая на Firebug, когда вы нажимаете на элемент страницы и выбираете «Проверить элемент».

Я всегда прыгаю в представление ресурсов, чтобы посмотреть на HTTP-запросы.

Есть ли сочетание клавиш, чтобы открыть этот инструмент?

frankadelic
источник
Официальные документы и более полезные ярлыки: Инструменты разработчика Chrome: Сочетания клавиш
Michal Mau
Здесь полезная информация; code.google.com/chrome/devtools/docs/overview.html
Фуркан Экинчи,
Кроме того, F12 вызывает панель проверки элементов в Chrome на Ubuntu
Дилан Мерфи

Ответы:

23

Я только что обнаружил, что Ctrl+ Shift+ Iи Ctrl+ Shift+ Cработает. Так же, как Firebug.

На OS X это Command+ Option+ Iили Command+ Shift+ C.

RustyDev
источник
1
Спасибо горизонты - именно то, что я искал. Согласен, инспектор так хорошо справился, что мне больше не нужен Firebug. Бух-пока, FF.
шейкер
Изменил мой ответ ... иметь тот же ярлык, что и Firefox - это здорово.
frankadelic
Cmd / Ctrl + Shift + C также очень полезен, так как он позволяет выбрать определенный элемент для проверки без навигации по контекстному меню. См. Также developers.google.com/chrome-developer-tools/docs/shortcuts
Джо Лисс,
Кто-нибудь знает, как изменить это сочетание клавиш? В Firebug вы можете настроить ярлык. Это Chrome, похоже, сложно установить. по причине, почему я использую раскладку клавиатуры дворака, а клавиша C находится далеко от моей левой руки.
Майкл Батлер
11

фактически удерживая N и щелкая правой кнопкой мыши где-то на странице, открывается окно проверки и вы переходите к коду кода, по которому вы щелкнули на странице tnnnnnnnnhe. Я только что узнал об этом.

Ник
источник
Ваша опечатка непреднамеренно
смешная
1
+1 за конкретную точку на странице (даже если ОП хотел только общее окно). Это хорошо для проблем при наведении, оставляя мышь там, где она есть, без необходимости перемещать мышь вниз во всплывающем меню.
Goodeye
3
@goodeye note: вы также имитируете зависание, нажимая значок состояния элемента переключения (пунктирная коробка со стрелкой), он находится справа от аккордеонного меню 'styles', если вы не можете найти его в Google images для элемента toggle состояние "
Myster
1
Боже мой, все это время я щелкнул правой кнопкой мыши и делал «Проверять элемент», тратя впустую все это время.
визг
@ MySter, Хороший совет, кстати, режим переключения устройства только делает изменение размера?
Pacerier
3

Ctrl+ Shift+ Iоткрывает инструменты разработчика до последнего раздела, в котором вы были. Если вы были последним в разделе «Ресурсы», вы увидите «Ресурсы».

Я не думаю, что есть специальное сочетание клавиш специально для Inspect Element , так как это зависит от контекста (то есть расположения мыши)?

MrWhite
источник
Frankadelic действительно хочет открыть Инструменты разработчика, чтобы получить доступ к панели «Ресурсы», а не к панели «Элементы», поэтому Ctrl + Shift + I - это хорошая комбинация: она открывает Инструменты разработчика так же, как вы их оставили. (Контекстные меню Chrome имеют очень мало опций, поэтому щелкнув правой кнопкой мыши, элемент Inspect является обычным способом, которым люди предлагают получить
доступ
Bavi_H, это правильно.
frankadelic