Для дебага в девтулзах браузера есть различные варианты, кроме
1.
2.
3.
4.
5. Также браузер позволяет симулировать
Ну и для реактивного
#debug
console.log()
1.
debugger
в коде остановит выполнение в этом месте2.
debug(funcName)
- остановит при выполнении глобальной функции funcName
3.
DOM Breakpoints
позволят перехватить модификацию элемента4.
XHR Breakpoints
- остановится при запросу определенного URL
5. Также браузер позволяет симулировать
User Agent
и локали.Ну и для реактивного
Vue
не забываем про {{ someVar }}
в шаблоне#debug