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?


Oficjalne dokumenty i bardziej przydatne skróty: Narzędzia dla programistów Chrome: Skróty klawiaturowe
— Michał Mau


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.


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.


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)?


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
Korzystając z naszej strony potwierdzasz, że przeczytałeś(-aś) i rozumiesz nasze zasady używania plików cookie i zasady ochrony prywatności.
Licensed under cc by-sa 3.0 with attribution required.