requirejs - Setting breakpoints in viewmodels in Durandal

Question

How do I use Google Chrome's (F12) feature to set breakpoints in Durandal's viewmodels?

Answer 1

1. Load the page you want to debug
2. Hit F12 in Chrome
3. click on the 'Sources' tab
4. In the pane on the left you should be able to see all your different view model js files
5. Choose one of the js files by clicking on it
6. Set a breakpoint by clicking on the code line number in the source code view
7. You can refresh the browser page and your breakpoints will remain intact