Debugging with Inspectors

IDE provides two inpectors for debugging web app and JS service. Let's find out more about these inspectors.

The Web Inspector is based on Google Chrome Developer Tools. Refer to the Google Developers for the detailed instruction on how to use Google Chrome Developer Tools.  Some versions of Google Chrome may not support the Web Inspector. For more information, refer to FAQ.

Debugging Web Application with Web Inspector

The webOS TV IDE provides web inspector for debugging web applications. Web inspector monitors a web application running on a target device with the execution information. Web inspector uses chromium browser as a default browser. The webOS TV IDE includes chromium browser so you don’t need to install chromium browser on your computer.

 

To debug a web application, you must package your application with non-minify mode. If the source code was reduced or the files were merged, it becomes difficult to check the information.

 

Following shows how to package, install and launch a web application on the emulator and debug it with web inspector:

 

  1. In the IDE, select a project in the Project Explorer which you want to debug.
  2. Click webOS Menu > Debug webOS Application from the menu.
    Or, you can debug a web application with the following ways:
    • Click Run > Debug Configurations from the menu.
    • Click toolbar icon (toolbar-debug-1.png).
  3. Double-click webOS Application in the tree view on the left side of the window to create a new configuration.
  4. In webOS tab, check an application name and select emulator as a target device in the list. The non-minify is selected by default as a packaging type.
    If the application name is not entered, click Browse button to select an application.
  5. Then, click Debug to debug your application in the web inspector.
Node Inspector for JS Service debugging is not supported in the plugin now. You can use it by using CLI command. See Launching Node Inspector for detailed information.

Debugging JS Service with Node Inspector

The webOS TV IDE provides node inspector for debugging JS services. Node inspector monitors a JS service running on a target device with the execution information. Node inspector uses chromium browser as a default browser. The webOS TV IDE includes chromium browser so you don’t need to install chromium browser on your computer.

 

To debug a service on the webOS TV IDE:

  1. Check that both your app and service are running on the target device.
  2. Select webOS Menu > Debug webOS Service from the workbench menu bar or this toolbar icon from the workbench toolbar. This opens the Debug Services dialog.
  3. On Debug Service dialog, select service ID of your service and a target.
    • In the Service ID field, type your service ID or select a service project by clicking the Browse button.
    • For the Select Target field, select the target on which your service is running. Currently.
  4. Click the Debug button to start debugging your app. This opens up the Node Inspector.

 

Navigation