Sfaturi de utilizare Chrome DevTools

Această pagină oferă o listă de sfaturi pentru utilizarea instrumentelor de dezvoltare Chrome (DevTools), incluzând diverse operațiuni de depanare, monitorizarea rețelei, analiza performanței și multe altele.

Panoul Elements

Operație	Scurtătură
Deschidere DevTools	`F12` sau `Ctrl` + `Shift` + `I`
Comutare bară de instrumente dispozitiv	`Ctrl` + `Shift` + `M`
Reîmprospătare și golire cache	`Ctrl` + `Shift` + `R`
Vizualizare meniu contextual element	`Click dreapta`
Editare element	`Enter`
Ștergere element	`Delete`
Copiere element	`Ctrl` + `C`
Lipire element	`Ctrl` + `V`
Vizualizare reguli CSS element	`Ctrl` + `Shift` + `C`

Panoul Console

Operație	Scurtătură
Deschidere Consolă	`Esc`
Golire Consolă	`Ctrl` + `L`
Copiere text selectat	`Ctrl` + `C`
Lipire text	`Ctrl` + `V`
Vizualizare istoric comenzi	`Săgeată Sus` și `Săgeată Jos`
Vizualizare detalii obiect	`Ctrl` + `Shift` + `C`

Panoul Network

Operație	Scurtătură
Pornire/Oprire înregistrare activitate rețea	`Ctrl` + `E`
Golire jurnal rețea	`Ctrl` + `R`
Filtrare cereri	`Ctrl` + `F`
Vizualizare detalii cerere	`Ctrl` + `Shift` + `C`

Panoul Performance

Operație	Scurtătură
Pornire/Oprire înregistrare performanță	`Ctrl` + `E`
Export performanță înregistrată	`Ctrl` + `S`
Filtrare evenimente	`Ctrl` + `F`

Panoul Memory

Operație	Scurtătură
Efectuare snapshot	`Ctrl` + `S`
Export snapshot	`Ctrl` + `Shift` + `S`
Filtrare snapshot-uri	`Ctrl` + `F`

Panoul Application

Operație	Scurtătură
Reîmprospătare aplicație	`Ctrl` + `R`
Golire stocare	`Ctrl` + `Shift` + `R`
Filtrare date	`Ctrl` + `F`

Panoul Security

Operație	Scurtătură
Vizualizare certificat	`Ctrl` + `Shift` + `C`
Reîncărcare pagină și ignorare cache	`Ctrl` + `Shift` + `R`

Diverse (Misc)

Operație	Scurtătură
Deschidere Setări	`F1`
Comutare temă	`Ctrl` + `Shift` + `P` apoi tastați `theme`
Vizualizare scurtături	`Ctrl` + `Shift` + `P` apoi tastați `shortcuts România`