移动端调试工具推荐 小苹果和debugap
2016-06-13 19:17
211 查看
小苹果的安装很简单,这是官网,一看就会,完全小白教程。
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里边会出现,如图所示:
至此位置,就可以愉快的测试了。
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里边会出现,如图所示:
至此位置,就可以愉快的测试了。
相关文章推荐
- Android开发ListView优化
- Android C程序打印logcat日志
- Unity 获取UI中不同容器里的相对坐标
- android 自定义控件实现流式布局
- 基于IOS平台的游戏之小拼图
- cocos2d-x 两点缩放
- android通讯机制
- Android事件处理分发机制的总结:一(事件处理)
- fiddler使用详解
- [置顶] iOS开发——布局框架Masonry的介绍与使用
- Android Studio 中使用 Lambda表达式
- Android本地数据库查询电话号码归属地规则
- Button点击事件的四种实现
- Cocos2d-lua 3.10 图片资源加密
- Unity3d脚本改变GameObject的Material(一)
- 一个APP唤醒另一个App,如果这个App没有安装,则提示未安装或立即下载
- TextUtils
- ios获取所有相册的视频并播放
- android Service的学习
- isAssignableFrom和isInstance