Mobile Browser Debugging recommendations

Source: Internet
Author: User

Remotely debug your browser's JS on your Android phone using your computer(2014-01-14 22:44:04) reproduced
sometimes to develop a mobile browser to run the Web page, so that involves debugging JS, how to simulate on the computer, with the use of the real machine or there is a difference, here are several remote debugging using the Computer JS method. 1. Use Google Browser, because Android is Google, so it has its own support, developed the relevant plug-in 1) first, the computer to have Google Chrome, preferably the latest version (Chrome 31 above), 2) installed the Android SDK; 3) also installed on the phone Google browser (Chrome for Android 31 or more) 4) Computer Browser installed support debugging plug-in ADB 5) to ensure that the phone can be connected to the computer via a USB cable (if not, you can try to install the latest mobile phone driver) 6) phone on the USB debugging mode 7) Open the Chrome browser with your computer, open adb, click View Insepect 8) Phone with chrome to open the page you want to debug 9) on the computer's browser, click Inspect, start Debugging Note: This method may not need the SDK, but the installation of the best, At the same time, the method to connect the external network to achieve the Debug reference URL:

Google website:

Https://developers.google.com/chrome-developer-tools/docs/remote-debugging

User summary:

http://exodia.net/Multi-terminal/2013/06/22/responsive Practice (1) building a mobile Web development environment. html

2. using weinre for remote debugging, Weinre is the Web Inspector remote, which is a kind of long-distance debugging tool. function and Firebug,Webkit Inspector Similar, can help us to change the page elements, style, debugging JS and so on.

1) Make sure the Java JDK is installed on your computer

2) Download weinre jar package, download URL:http://ishare.iask.sina.com.cn/f/23607399.html, download (or unzip), put in a folder on the line

3) Run cmd, Enter the code in the Address bar of the folderwhere weinre is located:java-jar Weinre.jar--httpport 8081-- boundhost-all-

4) Open the local browser, (using the WebKit kernel browser (chrome, Safari)) to access the http://localhost:8081/, no accident can see the basic information weinre.

5) "Debug Client User Interface" is Weinre's debug clients, you can see the target page that has not been tested after clicking into it.

6) In order for the page to be debugged to be weinre detected, you need to add debug Target

You need to add a JSto the Debug page:

reference URL : reference URL:

Http://www.cnblogs.com/hxh-hua/archive/2013/02/26/2933117.html

Note: This method does not know why it is invalid when it is actually used, but it can be explained online.

3. Use the UC Browser developer version to debug, the UC browser has done a developer version, can be used to debug JS

1) Search the web for UC Browser developer, then download and install on the phone

2) Connect your phone with USB or WiFi, use WiFi connection here

3) The computer opens Connectify, uses its own computer as WiFi, and then connects to it via mobile phone. If your computer and phone are connected to the same WiFi network, you can also

4) Open the Chrome browser on the computer, enter the phone ip+9998, the phone IP is 192.168.112.244, enter 192.168.112.244:9998

5) Open the UC Browser developer version on your phone to indicate whether to allow remote debugging, select Yes

6) Start Commissioning

Mobile Browser Debugging recommendations

Contact Us

The content source of this page is from Internet, which doesn't represent Alibaba Cloud's opinion; products and services mentioned on that page don't have any relationship with Alibaba Cloud. If the content of the page makes you feel confusing, please write us an email, we will handle the problem within 5 days after receiving your email.

If you find any instances of plagiarism from the community, please send an email to: info-contact@alibabacloud.com and provide relevant evidence. A staff member will contact you within 5 working days.

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.