Site Logo

Useful Tips

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.

There are useful tips for the webOS TV IDE.

Shortcut

The webOS TV IDE provides shortcut keys for the webOS menu. To use the shortcuts below, click the guided set buttons simultaneously, then click the representative character. For example, Ctrl+Alt+W, P is telling you to press the Ctrl key and while continuing to hold the Ctrl key, press the Alt key and W key. Then release all keys from the keyboard and press P key to perform the shortcut.

The shortcut keys are listed on the right bottom of the screen by pressing Ctrl+Alt+W.

MenuShortcut
New webOS ProjectCtrl+Alt+W, P
Register Application as TemplateCtrl+Alt+W, A
New Enyo Source FileCtrl+Alt+W, F
Import webOS ProjectCtrl+Alt+W, I
Export IPKCtrl+Alt+W, E
Run as browserCtrl+Alt+W, B
Run webOS ApplicationCtrl+Alt+W, R
Debug webOS ApplicationCtrl+Alt+W, D
Debug JS service with Node inspectorCtrl+Alt+W, N

Exporting IPK

You must package your web app to test it on a real TV, submit it to LG Seller Lounge, or any other purposes.

Following shows how to export a package file (.ipk) in the webOS TV IDE:

  1. Click webOS Menu > Export IPK from the menu.
  2. On Export IPK window, select a packaging type: minify or non-minify. If needed, select a location to export an IPK file after packaging your web app.
    Note: Minify option

    Only Enyo based source code can be minified with the minify option currently. We recommend you to use other JavaScript minification tools to minify your non-Enyo based source code.

  3. If your app has service(s) to package, follow the steps below. If not, skip this step.
    1. Click the Next button.
    2. Select your service(s) to package with your app.
  4. Click the Finish button. The package file (.ipk) is created where you set in the Export IPK menu. You can check the status and the path of the created package file in Console.

Running HTML on web browser

The webOS TV IDE provides the preview on an integrated the Chromium browser as an external web browser. You can check the preview of an application before launching on the target device.

Following shows how to run your app on the Chromium browser:

  1. Select an HTML file in the Project Explorer which you want to preview.
  2. Click webOS Menu > Run as browser from the menu. Alternatively, click the toolbar icon.
  3. Then, the preview is launched on the Chromium browser.

Opening views

During developing your app in the IDE, you might close any view such as Project Explorer or Target Configuration by mistake.

Following shows how to open views:

  1. Click Window > Show View from the menu. The openable views are listed on the left or right side of the menu.
  2. Select one among Console, Image Viewer, Outline, Problems, Project Explorer, Search, Servers, Target Configuration, and others.
  3. Then, the selected view is open to the current perspective.

Help menu

The About webOS IDE for webOS TV Developers menu provides helpful links for developers.

  1. In the IDE, click Help > About webOS IDE for webOS TV Developers from the menu.
  2. Click the link on the popup window. Then, the web browser opens and goes to the IDE page on the webOS TV Developer site.
No Headings