Useful Tips
There are useful tips for webOS TV IDE such as:
Shortcut
The webOS TV IDE provides shortcut keys for 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. 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".
Menu | Shortcut |
---|---|
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 |
Exporting IPK
The web application must be packaged to be tested on a real TV, to be submitted to 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 a web application.
- If your app has service(s) to package, follow the steps below. If not, skip this step.
- Click the Next button.
- Select the service(s) to package with the app.
- Click Finish button.
After packaging a web application, the package file (.ipk) is created, where the user sets in 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 chromium browser as an external web browser. This enables you to check the preview of an application before launching on a target device.
Following shows how to run a web application on a web browser:
- In the IDE, select an html file in the Project Explorer which you want to preview.
- Click webOS Menu > Run as browser from the menu. Or,
Click toolbar icon ().
- Then, the preview is launched on a chromium browser.
Using Enyo Content Assist
webOS TV IDE provides content assist feature to enyo developers. Content assist provided for JavaScript source file of webOS project. It contains following features:
- Content assist for Enyo, Moonstone, onyx, canvas, layout, spotlight, and svg libraries.
- Preferences settings (webOS Menu >webOS preferences >Content Assist) to get content assist support for private properties.
Name | Description |
---|---|
Variable Creation |
Content assist for require and import libraries
|
Export kind |
Content assist for module export to define kind
|
Define kind library |
Content assist to show library variables to extend component
|
Define components |
Content assist to define components object, which shows name, kind, mixins, respective properties and events
|
Expose property for other library |
Object to define property to expose. Property changed method also suggested as content assist.
|
Define events |
Events object to define new events. Defined events can handle in handlers object.
|
Define handlers |
Handler object to define function name for event handlers and same function will suggest as content assist.
|
Bindings |
Binding to map properties of defined component through $.componentname &map properties of kind through propertyname. It support all predefined binding property.
|
Mixins |
Mixins array shows all possible library which supports mixins property.
|
Functions |
|
webOS service request |
![]() |
Enyo service request |
![]() |
Opening Views
During developing an application in IDE, any view such as Project Explore, Target Configuration can be closed 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 other.
- Then, the selected view will be open to the current perspective.
Help Menu
The About webOS IDE for webOS TV Developers menu provides the helpful link 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 is open and goes to the Using webOS TV Eclipse IDE help page in the LG Developer site.