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.

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:

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:

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!