Chrome DevTools

A DevTools felépítése és megnyitása

Megnyitási módok, dock opciók, panelváltás, keresés és alap beállítások.

A DevTools felépítése és megnyitása

Megnyitás

Windows/Linux: F12, Ctrl+Shift+I, jobb klikk → Inspect
Mac: Cmd+Option+I, jobb klikk → Inspect

Dokkolás

Dock to bottom
Dock to left/right
Undock into separate window

Hasznos keresés

Ctrl/Cmd + F            panelen belüli keresés
Ctrl+Shift+F / Cmd+Opt+F  globális keresés (Sources)
Ctrl/Cmd + P            gyors fájlnyitás (Sources)

Mi az a Chrome DevTools?

A DevTools szerepe, fő képességei és miért alapvető frontend eszköz.

Elements panel – HTML és CSS vizsgálata

DOM fa, Styles/Computed nézet, box model, specificitás és gyakori CSS hibák gyors felderítése.

On this page

A DevTools felépítése és megnyitása Megnyitás Dokkolás Hasznos keresés