Difference between revisions of "Luna Next Remote WebApplication Debugging"

From WebOS-Ports
Jump to: navigation, search
(How to use the WebInspector)
(How to use the WebInspector)
Line 7: Line 7:
 
* 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
 
* stop running WebAppMgr: systemctl stop luna-webappmanager
 
* stop running WebAppMgr: systemctl stop luna-webappmanager
* start in debug mode: WebAppMgr --debug
+
* start in debug mode:  
 +
** on device: WebAppMgr --debug
 +
** on emulator: QTWEBKIT_INSPECTOR_SERVER=10.0.2.15:1122 WebAppMgr --debug
 
* start the application you want to debug
 
* start the application you want to debug
* on your development machine you need now to configured a port forwarding through adb 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
  
 
   adb forward tcp:1122 tcp:1122
 
   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
 
* now you can point your favourite web browser to localhost:1122 on your development machine to debug the web application

Revision as of 09:55, 22 October 2013

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
  • stop running WebAppMgr: systemctl stop luna-webappmanager
  • start in debug mode:
    • on device: WebAppMgr --debug
    • on emulator: QTWEBKIT_INSPECTOR_SERVER=10.0.2.15:1122 WebAppMgr --debug
  • start the application you want to 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
 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