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.
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
|New webOS Project||Ctrl+Alt+W, P|
|Register Application as Template||Ctrl+Alt+W, A|
|New Enyo Source File||Ctrl+Alt+W, F|
|Import webOS Project||Ctrl+Alt+W, I|
|Export IPK||Ctrl+Alt+W, E|
|Run as browser||Ctrl+Alt+W, B|
|Run webOS Application||Ctrl+Alt+W, R|
|Debug webOS Application||Ctrl+Alt+W, D|
|Debug JS service with Node inspector||Ctrl+Alt+W, N|
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:
Click webOS Menu > Export IPK from the menu.
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
If your app has service(s) to package, follow the steps below. If not, skip this step.
Click the Next button.
Select your service(s) to package with your app.
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:
Select an HTML file in the Project Explorer which you want to preview.
Click webOS Menu > Run as browser from the menu. Alternatively, click the toolbar icon.
Then, the preview is launched on the Chromium browser.
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:
Click Window > Show View from the menu. The openable views are listed on the left or right side of the menu.
Select one among Console, Image Viewer, Outline, Problems, Project Explorer, Search, Servers, Target Configuration, and others.
Then, the selected view is open to the current perspective.
The About webOS IDE for webOS TV Developers menu provides helpful links for developers.
In the IDE, click Help > About webOS IDE for webOS TV Developers from the menu.
Click the link on the popup window. Then, the web browser opens and goes to the IDE page on the webOS TV Developer site.