Google Chrome: Tastaturkürzel zum Anzeigen von Ressourcen / Inspect Element?

19

Google Chrome verfügt über eine Firebug-ähnliche Funktion, bei der Sie auf ein Seitenelement klicken und "Element überprüfen" auswählen.

Ich springe immer in die Ressourcenansicht, um mir HTTP-Anfragen anzusehen.

Gibt es eine Tastenkombination, um dieses Tool zu öffnen?

google-chrome frankadelic
quelle
Offizielle Dokumente und weitere nützliche Verknüpfungen: Chrome Developer Tools: Tastaturkürzel
Michal Mau
Hier sind nützliche Informationen; code.google.com/chrome/devtools/docs/overview.html
Furkan Ekinci
Mit F12 wird außerdem der Bereich "Inspect Element" in Chrome auf Ubuntu
dylan murphy

Antworten:

23

Ich habe gerade entdeckt , dass Ctrl+ Shift+ Iund Ctrl+ Shift+ Cfunktioniert. Genau wie Firebug.

Unter OS X ist das Command+ Option+ Ioder Command+ Shift+ C.

RustyDev
quelle
1
Danke horizens - genau das, wonach ich gesucht habe. Einverstanden, der Inspektor ist so gut geworden, dass ich Firebug nicht mehr brauche. Auf Wiedersehen, FF.
Shacker
Meine Antwort wurde geändert ... die gleiche Verknüpfung wie Firefox zu haben ist großartig.
frankadelic
Cmd / Ctrl + Shift + C ist ebenfalls sehr nützlich, da Sie ein bestimmtes Element zum Überprüfen auswählen können, ohne durch das Kontextmenü navigieren zu müssen. Siehe auch developers.google.com/chrome-developer-tools/docs/shortcuts
Jo Liss
Weiß jemand, wie man diese Tastenkombination ändert? In Firebug können Sie die Verknüpfung konfigurieren. Es Chrome, es scheint fest eingestellt zu sein. Aus einem Grund benutze ich die Dvorak-Tastatur und die C-Taste ist weit von meiner linken Hand entfernt.
Michael Butler
11

Wenn Sie N gedrückt halten und mit der rechten Maustaste auf eine beliebige Stelle auf der Seite klicken, wird das Inspektionsfenster geöffnet, und Sie gelangen zu dem Code, auf den Sie in der Seite geklickt haben. Ich habe das gerade herausgefunden.

Nick
quelle
Dein Tippfehler ist ungewollt witzig :)
frankadelic
1
+1 für einen bestimmten Punkt auf der Seite (auch wenn das OP nur das allgemeine Fenster wollte). Dies ist hilfreich, wenn Sie Probleme mit dem Schwebeflug haben und die Maus dort lassen, wo sie ist, ohne die Maus über das Popup-Menü bewegen zu müssen.
Wiedersehen
3
@goodeye Hinweis: Sie können das Hover auch simulieren, indem Sie auf das Symbol für den Status des Umschaltelements (gepunktetes Kästchen mit Pfeil) klicken. Es befindet sich rechts im Akkordeon-Menü "Stile", wenn Sie keine Google-Bilder für "Element umschalten" finden Zustand "
Myster
1
Mein Gott, die ganze Zeit habe ich mit der rechten Maustaste geklickt und "Inspect Element" ausgeführt, um die ganze Zeit zu verschwenden.
Schrei
@Myster, Netter Tipp, Übrigens macht der Gerätemodus nur eine Größenänderung?
Pacerier
3

Ctrl+ Shift+ IÖffnet die Entwickler - Tools, zum letzten Abschnitt , den Sie in waren. Wenn Sie im Abschnitt Ressourcen wurden zuletzt dann werden Sie die Ressourcen sehen.

Ich glaube nicht, dass es eine Tastenkombination speziell für Inspect Element gibt , da dies vom Kontext abhängt (dh von der Position der Maus).

Herr weiß
quelle
Frankadelic möchte unbedingt die Entwicklertools öffnen, um auf das Bedienfeld „Ressourcen“ und nicht auf das Bedienfeld „Elemente“ zuzugreifen. Daher ist Strg + Umschalt + I eine gute Tastenkombination: Die Entwicklertools werden so geöffnet, wie Sie sie verlassen haben. (In den Kontextmenüs von Chrome stehen nur wenige Optionen zur Verfügung. Klicken Sie mit der rechten Maustaste, und klicken Sie auf Elemente überprüfen. Dies ist eine gängige Methode, um mit der Maus auf eines der Entwicklertools
zuzugreifen
Bavi_H, das stimmt.
frankadelic