Chrome DevTools
Network – API hívások és teljesítmény vizsgálata
XHR/Fetch kérések elemzése, státuszkódok, payload/response, timing és tipikus hibakeresés.
Network – API hívások és teljesítmény vizsgálata
A panel felépítése
- Headers: request/response fejlécek, státuszkód
- Payload: request body
- Response: szerver válasz
- Timing: fázisok ideje
HTTP státusz kódok (gyors referencia)
| Kód | Jelentés | Teendő |
|---|---|---|
200 | OK | – |
201 | Created | – |
400 | Bad Request | Payload ellenőrzés |
401 | Unauthorized | token hiány/lejárt |
403 | Forbidden | jogosultság |
404 | Not Found | URL/route |
422 | Validáció | hibák a body-ban |
500 | Server error | backend oldali hiba |
Rossz payload példa
{
"email": "user@example.com",
"password": ""
}Mit jelent a Timing?
- Waiting (TTFB): backend válaszidő
- Content Download: letöltés ideje (adatméret / hálózat)
Auth header / CORS ellenőrzés
Authorization: Bearer <token>
Content-Type: application/json
Access-Control-Allow-Origin: *