Wskazówki i Triki Chrome DevTools

Ta strona zawiera arkusz wskazówek i trików dotyczących narzędzi dla deweloperów Chrome (DevTools), w tym operacji debugowania, monitorowania sieci, analizy wydajności i innych.

Panel Elements (Elementy)

Akcja	Skrót
Otwórz DevTools	`F12` lub `Ctrl` + `Shift` + `I`
Przełącz pasek narzędzi urządzenia	`Ctrl` + `Shift` + `M`
Odśwież i wyczyść pamięć podręczną	`Ctrl` + `Shift` + `R`
Zobacz menu kontekstowe elementu	`Prawy przycisk myszy`
Edytuj element	`Enter`
Usuń element	`Delete`
Kopiuj element	`Ctrl` + `C`
Wklej element	`Ctrl` + `V`
Zobacz reguły CSS elementu	`Ctrl` + `Shift` + `C`

Panel Console (Konsola)

Akcja	Skrót
Otwórz konsolę	`Esc`
Wyczyść konsolę	`Ctrl` + `L`
Kopiuj zaznaczony tekst	`Ctrl` + `C`
Wklej tekst	`Ctrl` + `V`
Przejrzyj historię poleceń	`Strzałka w górę` i `Strzałka w dół`
Zobacz szczegółowe informacje o obiekcie	`Ctrl` + `Shift` + `C`

Panel Network (Sieć)

Akcja	Skrót
Rozpocznij/Zatrzymaj rejestrowanie aktywności sieciowej	`Ctrl` + `E`
Wyczyść dziennik sieci	`Ctrl` + `R`
Filtruj żądania	`Ctrl` + `F`
Zobacz szczegółowe informacje o żądaniu	`Ctrl` + `Shift` + `C`

Panel Performance (Wydajność)

Akcja	Skrót
Rozpocznij/Zatrzymaj rejestrowanie wydajności	`Ctrl` + `E`
Eksportuj zarejestrowaną wydajność	`Ctrl` + `S`
Filtruj zdarzenia	`Ctrl` + `F`

Panel Memory (Pamięć)

Akcja	Skrót
Zrób migawkę (Snapshot)	`Ctrl` + `S`
Eksportuj migawkę	`Ctrl` + `Shift` + `S`
Filtruj migawki	`Ctrl` + `F`

Panel Application (Aplikacja)

Akcja	Skrót
Odśwież aplikację	`Ctrl` + `R`
Wyczyść pamięć (Storage)	`Ctrl` + `Shift` + `R`
Filtruj dane	`Ctrl` + `F`

Panel Security (Bezpieczeństwo)

Akcja	Skrót
Zobacz certyfikat	`Ctrl` + `Shift` + `C`
Przeładuj stronę i pomiń pamięć podręczną	`Ctrl` + `Shift` + `R`

Inne (Misc)

Akcja	Skrót
Otwórz Ustawienia	`F1`
Przełącz motyw	`Ctrl` + `Shift` + `P`, a następnie wpisz `theme`
Zobacz skróty klawiszowe	`Ctrl` + `Shift` + `P`, a następnie wpisz `shortcuts`