Site Logo

Debugging with Inspectors

Caution: IDE Deprecation

We have been decided to no longer support the IDE from 2022. We recommend that you use the VS Code extension instead.

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

Note

Web Inspector is based on Chrome DevTools. Refer to the Chrome DevTools for detailed instructions on how to use Chrome DevTools. 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 > Debugfrom the menu.
    • Click the toolbar icon.

  3. On the Debug Configurations window, 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. 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.

Note

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 menu. Or, click the toolbar icon from the workbench toolbar.

  3. On the Debug Service window, 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. Node Inspector is opened. Screenshot of Node Inspector​

No Headings