How to debug in real time on a mobile device

Background

1, mobile development using the Chrome analog device, but with the real device still have a certain discrepancy

2,QQ and the use of the X5 core and Chrome webkit Core are different, often encounter wonderful bug, this scene is more, it is difficult to locate

3, mobile phone Model A lot, if you encounter a device has a bug, how to debug

4, the development environment of mobile devices due to domain restrictions access to the office network, access to the development or testing of product pages

Purpose

1, for Dev,Fe can be real-time debugging on real equipment, quickly locate the cause and solve (including QQ, the built-in browser)

2, for QA,PM,UI can be tested on the real device on the office network in the development or testing of the project

Method

1. Android Series

A. Turn on USB debugging and connect your phone to your PC via USB

b, download the latest version of the QQ browser, installation and Debugging Tools

C, mobile phone installation, clear the local TBS kernel, and reinstall the local TBS kernel

D.turn on wifi for PC, connect to Qunar hotspot, and login VPN

e, mobile phone connection Qunar hotspot, and set the proxy as the wireless IP address of the PC

F, the PC opens Charles Proxy, port settings 8888

G,PC open fekit server, port default is

Open the development of the product address in, refresh the PC -side QQ Browser, real- Time debugging began ...

A, in the pc 's QQ browser to specify any element, mobile phone auto-response, experience and pc on the same as Chrome

b, modify the local code, effective in real time

2.IOS series

A, turn on the local WiFi, connect to Qunar hotspot, and login VPN

b, mobile phone connection Qunar hotspot, and set the proxy as the wireless IP of the PC

C, the PC to open the Charles agent, port settings 8888

D, the PC opens Fekit server, the port defaults to

IOS doesn't have the same experience as Chrome on a PC , but you can see the effects in real time after you've modified your local code.

"I'm FE,Dev."

"I am QA,PM,UI"

"How to install the TBS kernel"

reference:http://blog.qqbrowser.cc/start/

"How to view the wireless IP of a PC"

Windows:

CMD:ipconfig/all

Mac:

System Preferences "network

"Precautions"

1, in the debugging plug-in select " Web Debugging ", followed by the mobile phone to open the page, thePC and then start the service

2. Thetools used in this method are VPN, notebook, mobile phone,Charles,fekit(only fe required), according to company conditions these are standard,PC No longer need other network agent software;

How to debug in real time on a mobile device