If you're seeing this message, it means we're having trouble loading external resources on our website.

Ha webszűrőt használsz, győződj meg róla, hogy a *.kastatic.org és a *.kasandbox.org nincsenek blokkolva.

Fő tartalom

A böngésző fejlesztői eszközeinek használata

A webfejlesztés trükkös dolog. Ezért van az, hogy a webfejlesztők sokféle eszközt használnak, amik segítik a munkájukat – és mindig új és új eszközöket keresnek, melyekkel az eszköztárukat bővíthetik.
A modern böngészők nagy részében vannak olyan fejlesztői eszközök, melyeket a legtöbb fejlesztő nagyon szeret. Minden böngésző különbözik abban, hogy pontosan milyen eszközöket nyújt, de több köztük a hasonlóság, mint a különbség.

A HTML vizsgálata

Az egyik nagyszerű eszköz az, hogy a weboldalak bármelyik elemére rákattinthatunk, és megvizsgálhatjuk a HTML kódját. Az alábbi videóban látható, hogyan működik ez Chrome-ban:
Khan Academy video wrapper
Using inspect element for HTMLVideóátirat megtekintése

A CSS vizsgálata

Egy másik hasznos eszköz a CSS vizsgáló; ezzel az eszközzel megnézheted, hogy egy elemre milyen stílusokat alkalmaztak, és eljátszhatsz velük magad is. Az alábbi videóban láthatod, hogyan lehet használni ezt az eszközt Chrome-ban:
Khan Academy video wrapper
Using inspect element for CSS stylesVideóátirat megtekintése
Ezek az eszközök segítenek abban, hogy megértsd, hogyan épülnek fel a weboldalak, valamint abban is, hogy a saját weboldaladon megtaláld a hibákat.
Sok egyéb eszköz is van, de ez a kettő jó kezdet ahhoz, hogy jobb webfejlesztővé válj. Próbálj megvizsgálni egy elemet ezen az oldalon, és nézd meg mit tudsz kideríteni róla!

Szeretnél részt venni a beszélgetésben?

Még nincs hozzászólás.
Tudsz angolul? Kattints ide, ha meg szeretnéd nézni, milyen beszélgetések folynak a Khan Academy angol nyelvű oldalán.