移动端调试工具推荐 小苹果和debugap

小苹果的安装很简单，这是官网，一看就会，完全小白教程。

 http://www.xbole.com/

 

debugap的也很简单，这里简单附图介绍一下 ps 官网： http://www.debuggap.com/# 

1， 下载debuggap，因为我在window下，解压即可。如图所示

2， 打开DebugGap ，点击Debug H5 ,一般最新版的ip会自动获取，如图所示：

3，点击Connect ，成功之后，如图所示：

 

 4，打开你需要调试的html页面，把下图标红的里边的js文件引入到你的html文件里边，可以把debugap.js 复制到你的项目里边，引入即可。

5， 打开小苹果，如图所示

自己选择你要的调试的项目目录，然后用手机扫描二维码即可

6， 拿出你的手机，连接电脑，打开usb调试，这里有个小问题，我的是华为的手机，因为以前我选择了只充电，结果开usb调试，几分钟之后，usb调试就自己关闭， 后来改成mtp就ok了，这是可以看到你要测试的页面多了一个蓝色的圆形，如图所示：

点击蓝色之后，会出现如下

点击config，然后把第三步的ip和端口填入，点击连接即可。

7，当连接成功后，在DebugGap里边会出现，如图所示：

 

 至此位置，就可以愉快的测试了。