1. Chrome DevTools debugger
Breakpoint > console.log. Můžete krokovat, měnit hodnoty za běhu, sledovat call stack.
2. Conditional breakpoints
Klik pravým na řádek → Add conditional breakpoint. Zastaví se jen když je splněna podmínka.
3. Network tab
- Filter XHR pro API volání.
- Preserve log přes navigace.
- Slow 3G simulace pomalého internetu.
4. Performance profiler
Zaznamenejte 3–5 s běhu appky. Uvidíte, který kód žere CPU.
5. Source maps
Debug produkce jako by to byl původní zdroják.
Bonus: debugger;
Napište debugger; do kódu — otevřený DevTools se zastaví.
Debugging trénujeme v každém programátorském kurzu.