Web applications on webOS can be inspected using "Developer Toolbar", equivalent to the one present in modern browsers.
This can be accessed using some different methods:
ares-inspect APPIDwith SDK set up
- Directly accessing
http://TV_IP:9998from a browser (equivalent to method 1, but does not require SDK)
TV_IP:9998as a "Remote Target" in
chrome://inspectin Chrome-based browsers.
All these methods have some limitations in case of older webOS versions. For example - on webOS 3.8 methods 1 and 2:
- Dev toolbar fails completely when opened in Chromium 96 (only top tab bar is rendered)
- "Console" is not scrollable and code cannot be injected when running in Firefox 94
- Works mostly fine in Midori 9.0 (webkitGTK-based browser on Linux)
Option 3 works fine, but code execution in "Console" tab does not work and preview window seems corrupted. This also may trigger WAM crash sometimes for some reason.
Web apps can embed connected inputs surface in their DOM:
<video autoplay style="width:50%;height:50%"> <source type="service/webos-external" src="ext://hdmi:1"></source> </video>
Additionally TV stream can be embedded with
Seems like only a single external input can be displayed at the same time. (though, this may be a dependednt on used hardware)
This also works partially in system browser (content is cut off whenever status bar is visible), but one probably should not rely on this.
Userscripts in apps¶
Example application that uses this: webosbrew/youtube-webos