Every browser comes with a built-in debugging tool that will help you write client-side JavaScript more effectively.
Throughout the Resource Hub, we use Google Chrome Developer Tools. However, if you wish to debug in another browser then you can find more information here.
The Developer Tools includes the following tabs:
- Elements contains the HTML of the Page
- Console for running JavaScript code and viewing logs/error messages
- Sources to view the files that have been served to the browser.
- Network to view the network activity of the application.
- Application to manage the data & files stored locally by the app.