Learning
Chrome DevTools

Console – hibák és gyors tesztelés

Error/warning olvasása, stack trace, gyors JS futtatás és tipikus console trükkök.

Console – hibák és gyors tesztelés

Üzenettípusok

TípusMikor jelenik meg?
ErrorJavaScript hiba, exception
Warningnem kritikus, de figyelni kell
Infotájékoztató
Logconsole.log()

Error olvasása

Uncaught TypeError: Cannot read properties of undefined (reading 'name')
    at getUserName (app.js:42:15)
    at main (app.js:10:5)

Gyors JavaScript futtatás

document.querySelector(".gomb")
JSON.parse(localStorage.getItem("user"))
fetch("/api/users").then((r) => r.json()).then(console.log)
document.body.style.background = "red"

Gyakori undefined hiba + megoldás

const user = getUser()
console.log(user?.email)

DevTools gyors változók

$$(".lista-elem")
$0

On this page