Difference between revisions of "Luna Next Remote WebApplication Debugging"

From WebOS-Ports
Jump to: navigation, search
(How to use the WebInspector)
(commented out webapp-launcher, which no longer exists)
Line 5: Line 5:
 
= How to use the WebInspector =
 
= How to use the WebInspector =
  
* flash your target device with a recent version of the webos-ports-dev-image
+
* flash your target device with a recent version of the webos-ports-dev-image-<modelname> (rather than webos-ports-image-<modelname>)
* start your app in debug mode:  
+
* start your app  
 +
<!--in debug mode:  
 
** on device: webapp-launcher -a <path to your app>/appinfo.json --debug
 
** on device: webapp-launcher -a <path to your app>/appinfo.json --debug
 
** on emulator: QTWEBKIT_INSPECTOR_SERVER=10.0.2.15:1122 webapp-launcher -a <path to your app>/appinfo.json --debug
 
** on emulator: QTWEBKIT_INSPECTOR_SERVER=10.0.2.15:1122 webapp-launcher -a <path to your app>/appinfo.json --debug
 +
-->
 
* for debugging on a real device you need now to configured a port forwarding through adb on your development machine with (the WebInspector is available on localhost:1122 on the target device
 
* for debugging on a real device you need now to configured a port forwarding through adb on your development machine with (the WebInspector is available on localhost:1122 on the target device
  

Revision as of 04:35, 6 October 2014

Overview

It's very easily to remote debug web applications with luna-next. WebKit provides a powerful tool for this: The WebInspector

How to use the WebInspector

  • flash your target device with a recent version of the webos-ports-dev-image-<modelname> (rather than webos-ports-image-<modelname>)
  • start your app
  • for debugging on a real device you need now to configured a port forwarding through adb on your development machine with (the WebInspector is available on localhost:1122 on the target device
 adb forward tcp:1122 tcp:1122
  • now you can point your favourite web browser to localhost:1122 on your development machine to debug the web application