Mobile WebApp debugging with Chrome browser

Please see this for details (Hbuilder is my long-term use, and is worthy of support of the domestic front-end development editor)

http://ask.dcloud.net.cn/article/151

Http://ask.dcloud.net.cn/article/69

For the above tutorials, you should be aware of the issues:

1, there is no need to consider the run in device problem because their software design has changed.

2, you have to create a new "mobile app", I am here is h5+.

I mainly analyze the problems I have encountered:

(These days, I will upload a full set of Baidu cloud disk, if possible, then share)

The shared file allows you to not download the Android 4.4.2 version of the annoying SDK, because it is FQ, so the speed will be slow.

At the same time, I use the software is JDK8,SDK 23 version. If there is a problem, you can download the SDK yourself again.

1, Environment construction

The android thing must first build the Java environment, so this you want to Baidu or Google search download jdk software

Http://jingyan.baidu.com/article/f96699bb8b38e0894e3c1bef.html

You can refer to the configuration of this environment variable.

2,Intel HAXM

I installed this when I found: The SDK download is not this thing, and then went to the official download, and then I have an error:

The hint is: Intel Virtualization Technology (VT-X) is not turned on, so even if you install SDK,JDK these are useless.

Solution: Baidu under your own computer how to enter the BIOS inside the Intel virtualization Technology (VT-X) is set to enable.

3, creating the simulator

Remember in the SD card there is set up 2G Oh, relatively speaking, your simulator is set to the usual phone memory and SD card is almost the same, and then good debugging.

4,DevTools

After the simulator is built successfully, remember to look for this devtools in the inside, then choose USB Debugging (USB debugging), remember to tick on the line.

5,inspect the problem of attention

In the Chrome address bar, open the Device check page by entering "About:inspect" or through "Tools", "Menu", "Check Device":

In general, you will find that is blank, because Google services (domestic blocked) so you have to prepare FQ, at the same time, in general, FQ only need once is enough, because there will be cache.

The successful implementation of mobile Web applications using Chrome browser page debugging, so you can use the PC debugging method for mobile phone application debugging.

It took a day to solve the problem and it was worth it.

Mobile WebApp debugging with Chrome browser