Chrome DevTools
Mi az a Chrome DevTools?
A DevTools fő paneljei, tipikus használat és megnyitási módok.
Mi az a Chrome DevTools?
A Chrome DevTools (F12 vagy Ctrl+Shift+I / Cmd+Option+I) egy beépített eszközkészlet, ami közvetlenül a böngészőből érhető el.
Mire használjuk?
| Panel | Fő felhasználás |
|---|---|
| Elements | HTML struktúra és CSS vizsgálat |
| Console | Hibaüzenetek, JavaScript futtatás |
| Sources | Breakpoint alapú JavaScript debug |
| Network | API hívások, kérések és válaszok |
| Application | Storage, cookie, cache kezelés |
| Performance | Lassúság elemzés |
| Lighthouse | Teljesítmény és SEO audit |
Hogyan nyisd meg?
F12 – DevTools megnyitása / bezárása
Ctrl+Shift+I – DevTools megnyitása
Ctrl+Shift+J – Console megnyitása
Ctrl+Shift+C – Element inspector aktiválásaTipp: jobb kattintás → Inspect (közvetlenül az elemre nyit).