We found a mobile web remote debugging tool weinre. Haha !, Debugging tool weinre

We found a mobile web remote debugging tool weinre. Haha !, Debugging tool weinre

Previously, chrome was used for remote debugging. Although the results were good, it was inconvenient to debug cordova.

We found this: weinre when looking for a tool on git, which is very simple to use.

Attached git address: https://github.com/apache/cordova-weinre

Start directly:

Step 1: Install

Command: npm install-g weinre

 

Step 2: Run

Command: weinre-boundHost 192.168.1.108-httpPort 8080

My computer's LAN ip address is 192.168.1.108

 

Parameter description:

HttpPort	Debug server port
BoundHost	IP address or domain name of the server

 

 

 

Step 3: Use

The address entered in Google Chrome: http: // 192.168.1.108: 8080

As follows:

 

 

 

Add js references to the debugging server:

<Script src = "http: // 192.168.1.108: 8080/target/target-script-min.js # anonymous"> </script>

 

 

Access the page to be debugged on your mobile phone. The address of the debug page is http: // 192.168.1.108: 37365/

 

 

So how to debug it?

Open Google's browser and enter:

Http: // 192.168.1.108: 8080/client/# anonymous

 

The following page is displayed:

 

Is it a very familiar interface.

Reference blog: http://www.cnblogs.com/tugenhua0707/p/4681482.html

---------------------------- Broken line ----------------------------------------------------------------