Google Chrome: skrót klawiaturowy, aby wyświetlić zasoby / sprawdzić element?

19

Google Chrome ma funkcję podobną do Firebuga, w której klikasz element strony i wybierasz „Sprawdź element”.

Zawsze przeskakuję do widoku Zasoby, aby sprawdzić żądania HTTP.

Czy istnieje skrót klawiaturowy, aby otworzyć to narzędzie?

google-chrome frankadelic
źródło
Oficjalne dokumenty i bardziej przydatne skróty: Narzędzia dla programistów Chrome: Skróty klawiaturowe
Michał Mau
Oto przydatne informacje; code.google.com/chrome/devtools/docs/overview.html
Furkan Ekinci
Ponadto F12 wyświetla okienko Inspect Element w Chrome na Ubuntu
dylan murphy

Odpowiedzi:

23

Właśnie odkryłem, że Ctrl+ Shift+ Ii Ctrl+ Shift+ Cdziała. Tak jak Firebug.

W OS X to Command+ Option+ Ilub Command+ Shift+ C.

RustyDev
źródło
1
Dzięki horyzonty - właśnie tego szukałem. Zgadzam się, inspektor jest tak dobry, że nie potrzebuję już Firebuga. Do widzenia, FF.
shacker
Zmieniłem moją odpowiedź ... taki sam skrót jak Firefox jest świetny.
frankadelic
Cmd / Ctrl + Shift + C jest również bardzo przydatny, ponieważ pozwala wybrać konkretny element do sprawdzenia bez nawigacji po menu kontekstowym. Zobacz także developers.google.com/chrome-developer-tools/docs/shortcuts
Jo Liss
czy ktoś wie, jak zmienić ten skrót klawiaturowy? W Firebug możesz skonfigurować skrót. To Chrome, wydaje się być twarde. z tego powodu używam układu klawiatury dvorak, a klawisz C jest daleko od mojej lewej ręki.
Michael Butler
11

przytrzymanie klawisza N i kliknięcie prawym przyciskiem myszy gdzieś na stronie powoduje otwarcie okna inspekcji i przejście do fragmentu kodu, w którym kliknięto na stronie. właśnie to odkryłem.

nacięcie
źródło
Twoja literówka jest mimowolnie przezabawna :)
frankadelic
1
+1 za konkretny punkt na stronie (nawet jeśli PO chciał tylko ogólne okno). Jest to przydatne w przypadku problemów z najechaniem myszą, pozostawiając mysz tam, gdzie jest, bez konieczności przesuwania myszy w dół menu podręcznego.
goodeye,
3
@goodeye Uwaga: możesz również zasymulować najechanie kursorem, klikając ikonę stanu przełącznika (kropkowane pudełko ze strzałką), znajduje się po prawej stronie menu akordeonu „style”, jeśli nie możesz go znaleźć w obrazach Google dla elementu przełączającego stan "
Myster
1
Mój Boże, przez cały ten czas marnowałem cały czas prawym przyciskiem myszy i sprawdzałem, czy „Inspekcja elementu” marnuje się.
wrzask
@Myster, fajna wskazówka, Btw. Czy tryb przełączania urządzeń zmienia rozmiar?
Pacerier
3

Ctrl+ Shift+ Iotwiera narzędzia programistyczne do ostatniej sekcji, w której byłeś. Jeśli byłeś ostatni w sekcji Zasoby, zobaczysz Zasoby.

Nie sądzę, że istnieje skrót klawiaturowy specjalnie dla Inspect Element , ponieważ zależy to od kontekstu (tj. Lokalizacji myszy)?

MrWhite
źródło
Frankadelic naprawdę chce otworzyć Narzędzia programisty, aby uzyskać dostęp do panelu Zasoby, a nie panelu Elementy, więc Ctrl + Shift + I jest dobrym skrótem do użycia: otwiera Narzędzia programisty w taki sam sposób, w jaki je zostawiłeś. (Menu kontekstowe Chrome ma bardzo niewiele opcji, więc element prawym przyciskiem myszy, element Inspekcja to powszechny sposób, w jaki ludzie sugerują dostęp do dowolnego z Narzędzi dla programistów za pomocą myszy).
Bavi_H
Bavi_H, zgadza się.
frankadelic