Book Image

NW.js Essentials

By : Alessandro Benoit, Roger Weng
Book Image

NW.js Essentials

By: Alessandro Benoit, Roger Weng

Overview of this book

Table of Contents (17 chapters)
NW.js Essentials
About the Author
About the Reviewers

Chapter 8. Let's Debug Your Application

In previous chapters, you dealt with NW.js DevTools. You also figured out that NW.js DevTools aren't very much different from those you're used to from developing frontend on Google Chrome.

NW.js DevTools are remote debugging tools where data is transferred through a socket connection from a local instanced server. Only the most relevant tools are present in NW.js DevTools as, for example, implementing the device emulator would clearly not serve any purpose.

By default, in order to open DevTools, the window toolbar option in the manifest file must be set to true, as described in Chapter 6, Packaging Your Application for Distribution. Once the application is open, you'll have to click on the gear button in the top-right corner of the window's toolbar to make the DevTools window appear:

Let's examine these tools and their functions panel by panel:

  • The Elements panel shows a real-time representation of the DOM. The user not only can easily edit the rendered...