Gyakorlati hibakeresési workflow-k

Valós szituációk: gomb nem működik, API hiba, CSS szétesés, auth token gond, mobil layout törés.

1) Console: van-e error?
2) Sources: breakpoint a click handler elejére → megáll-e?
3) Network: indul-e API kérés?

1) Network → XHR/Fetch szűrő
2) Hibás kérés → státuszkód
3) Payload + Response: mit küldtél / kaptál?
4) Headers: Content-Type, Authorization, URL

1) Inspect → Elements
2) Styles/Computed: box model
3) CSS szabályok ki-be kapcsolása
4) Szülő elem: flex/grid beállítások

1) Network: a request küld-e tokent?
2) Application: cookie / localStorage-ben megvan?
3) Login kérés: Response-ben jön-e token?

1) Responsive mód: Ctrl+Shift+M
2) Inspect: aktív @media szabályok
3) overflow és computed méretek ellenőrzése