google-chrome-devtools Tutorial
Erste Schritte mit Google-Chrome-Devtools
Suche…
Bemerkungen
Dieser Abschnitt enthält eine Übersicht über die Funktionen von Google-Chrome-Devtools und die Gründe, warum ein Entwickler sie verwenden möchte.
Es sollte auch alle großen Themen in google-chrome-devtools erwähnen und auf die verwandten Themen verweisen. Da die Dokumentation für google-chrome-devtools neu ist, müssen Sie möglicherweise erste Versionen dieser verwandten Themen erstellen.
Suche nach Dateiname
Auf der Registerkarte "Quellen" können Sie mit STRG + O ( ⌘ + O für Mac) nach Dateinamen suchen.
Zum Mitglied (JavaScape-Funktion / CSS-Regel)
Verwenden Sie STRG + UMSCHALT + O ( ⌘ + UMSCHALT + O für Mac), um beim Anzeigen einer Datei zu einer JavaScript-Funktions- / CSS-Regel zu navigieren.
Zugriff auf die Chrome Dev Tools
Während der Chrome-Browser für alle Registerkarten (mit Ausnahme der Willkommens-Registerkarten) geöffnet ist, haben Sie drei Möglichkeiten, Chrome Dev Tools zu öffnen:
Tastatur : Geben Sie den Befehl ⌘ + Option + i ein
Browser-Menü : Klicken Sie auf "Menü"> "Weitere Tools"> "Entwickler-Tools".
Programmmenü ( oben auf dem Bildschirm ): Klicken Sie auf "Ansicht"> "Entwickler"> "Entwicklerwerkzeuge".
