Chrome DevTools
Összefoglalás
A DevTools legfontosabb paneljei és hibakeresési aranyszabályai röviden.
Összefoglalás
A legfontosabb panelek
| Panel | Egy mondatban |
|---|---|
| Console | itt kezdj: hibák és logok |
| Elements | HTML/CSS vizsgálat és gyors próbák |
| Sources | breakpointos debug |
| Network | kérések/válaszok és státuszkódok |
| Application | storage/cookie/cache |
| Performance | lassúság okai |
Aranyszabályok
- Console, ha JS hiba gyanús.
- Network, ha adat/API gond.
- Elements, ha UI/CSS gond.
- Application + Network headers, ha auth/session gond.
- Responsive mód, ha mobil probléma.
Következő lépések
- Lighthouse
- Memory panel
- Coverage panel
- Snippets