Ugrás a tartalomra
Kódvéna
Hivatalos Kódvéna-képzésKözéphaladó

Frontend hibakeresés a böngésző fejlesztői eszközeivel

A fodrászat időpontkérőjén kinyomod, miért nem csökken a szabad helyek száma, és miért lóg ki a fejléc telefonon.

A fodrászat időpontkérőjén a fejléc telefonon kilóg, a Lefoglalom gomb pedig nem csökkenti a szabad helyek számát. Megnyitod a Chrome vagy a Firefox fejlesztői eszközeit, a vizsgált elemen leolvasod a nyertes CSS-szabályt, a konzol TypeErrorjából megmondod a fájlt és a sort, töréspontnál megnézed a null értéket, és a Network lapon megkülönbözteted a 200-as, a 404-es és a CORS miatt elbukó kérést.

Mit tanulsz meg?

  • Megnyitod a fejlesztői eszközöket, és a vizsgált elemen leolvasod a nyertes CSS-szabályt.
  • A konzol hibájából megmondod a fájlt és a sort.
  • Töréspontnál megállítod a kattintáskezelőt, és megnézed a változó értékét.
  • A Network lapon megkülönbözteted a 200-as, a 404-es és a CORS miatt elbukó kérést.
  • Egy eltört űrlapot és egy elcsúszott elrendezést okig követsz.

Tanmenet

3 modul · 8 lecke · minden modul végén zárókvíz

Kinek szól?

  • Junior frontendeseknek, szabadúszóknak és kisvállalkozói oldalt javítóknak, akik a „nem működik” helyett a DOM-ban, a konzolon és a hálózati lapon keresik az okot.

Előfeltételek

  • HTML-alapok: szemantikus weboldalak
  • CSS és reszponzív webdesign
  • JavaScript-alapok a böngészőben

Források

Utoljára ellenőrizve: 2026. 11. 12.