Debugging tools are extremely important for a developer. It does not matter which programming language or framework you are using, or if you are working on either frontend or backend project. Debugging will always be present in your development process.
Nowadays, the web browser does more than just server pages, caching content, saving favorites, and so on. They are complete web development tools that provide awesome tools to debug our code and application performance.
Let's see how we can debug our code using our favorite web browser. We will use Chrome Developer Tools as an example.
First, we need to start our application and open it in a web browser. Let's use our aurelia-testapp
:
$ cd aurelia-testapp $ au run --watch
With the application up and running, head over to http://localhost:9000
to see the application. We will add a button and when the button is pressed, we will debug some dummy code. Open the info-box.html
file and apply the following...