Debugging with Inspectors

The webOS TV IDE provides two inspectors for debugging web apps and JS services. Let's find out more about these inspectors.

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 Web Inspector. For more information, refer to FAQ.

Debugging Web App with Web Inspector

The webOS TV IDE provides Web Inspector for debugging web apps. Web Inspector monitors your app running on a target device with the execution information. Web Inspector uses the Chromium browser as a default browser. The IDE includes the Chromium browser, so you don’t need to install the Chromium browser on your computer.

To debug your app, you must package your app 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 your app on the emulator and debug it with Web Inspector:

  1. In the IDE, select your project in the Project Explorer to debug.

  2. Click webOS Menu > Debug webOS Application from the menu.
    Or, you can debug your app with the following ways:

    • Click Run > Debug Configurations from the menu.

    • Click the toolbar icon (Debug Configuration toolbar icon).

  3. Double-click webOS Application in the tree view on the left side of the window to create a new configuration.

  4. In the webOS tab, check your app name and select emulator as the target device in the list. The non-minify is selected by default as a packaging type.
    If your app name is not entered, click the Browse button to select your app.

  5. Then, click Debug to debug your app in Web Inspector.

Node Inspector for JS service debugging is not supported in the plugin now. You can use it by using the 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 your JS service running on a target device with the execution information. Node Inspector uses the Chromium browser as a default browser. The IDE includes the Chromium browser, so you don’t need to install the Chromium browser on your computer.

To debug your 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 Debug webOS Service toolbar icon from the workbench toolbar. This opens the Debug Services dialog.

  3. On Debug Service dialog, select the service ID of your service and the target.

    • In the Service ID field, type your service ID or select your service project by clicking the Browse button.

    • For the Select Target field, select the target on which your service is running.

  4. Click the Debug button to start debugging your app. This opens up Node Inspector.
    Screenshot of Node Inspector

Navigation