Chrome DevTools
Cheatsheet
Gyors referencia: panel → feladat, hibatípus → panel, hasznos billentyűparancsok és console trükkök.
Cheatsheet
Panel gyors referencia
| Panel | Mire való |
|---|---|
| Elements | DOM/CSS debug |
| Console | JS hibák, logok |
| Sources | breakpoint debug |
| Network | API/hálózat |
| Performance | lassulás elemzés |
| Memory | leak keresés |
| Application | storage/cookie |
| Security | HTTPS/mixed content |
| Lighthouse | audit |
| Recorder | flow rögzítés |
Hasznos gyorsbillentyűk
F12 / Ctrl+Shift+I / Cmd+Option+I DevTools
Ctrl+Shift+C / Cmd+Shift+C elem kijelölés
Ctrl+Shift+M / Cmd+Shift+M device toolbar
Ctrl/Cmd+P gyors fájlnyitás
F8/F10/F11/Shift+F11 debug léptetés