O'Reilly logo

Hands-On Full Stack Web Development with Aurelia by Erikson Haziz Murrugarra Sifuentes, Diego Jose Arguelles Rojas

Stay ahead with the world's most comprehensive technology and business learning platform.

With Safari, you learn the way you learn best. Get unlimited access to videos, live online training, learning paths, books, tutorials, and more.

Start Free Trial

No credit card required

Debugging with Chrome Developer Tools

We need to open the Chrome Developer Tools. To do this, go to the View | Developer | Developer tools option in the menu or press F12. You should see something like the following:

With this window open, let's apply a little change to our info-box file to tell the browser that we want to stop and debug our code:

export class InfoBox {     debugme() {    debugger;    alert("YOU PRESSED THE DEBUGME BUTTON")  }}

Go back to your application and click on the Debug Me! button. The debugger; instruction will stop the browser execution and enter into the browser debugging mode:

You can use the Developer Tools options to ...

With Safari, you learn the way you learn best. Get unlimited access to videos, live online training, learning paths, books, interactive tutorials, and more.

Start Free Trial

No credit card required