Debugging Angular app using Firefox and Chrome

The following steps need to be taken to debug an app using Firefox:

  1. Use Ctrl + Shift + I to open the Firefox Developer Tools window. The following screenshot represents the same:
Figure 8. Debugging an Angular app using Firefox
  1. Click on Debugger to open the code section vis-a-vis the related file in which the code resides.
  2. Open up the file where the code which needs to be debugged exists. In the preceding screenshot, doctor.service.js is used for debugging data retrieval from the server.
  3. Add one or more breakpoints. The green-colored line in the preceding screenshot represents the breakpoint ...

Get Building Web Apps with Spring 5 and Angular now with the O’Reilly learning platform.

O’Reilly members experience books, live events, courses curated by job role, and more from O’Reilly and nearly 200 top publishers.

Start your free trial