挪动端真机测试

挪动端真机调试要领

1. chrome真机调试
2. weinre调试
3. spy-debugger调试

chrome真机调试

瑕玷：
必需手机和pc都装置chrome阅读器，其他阅读器无效。

长处：
简朴快速

要领：

手机端下载好chrome阅读器，运用USB衔接到PC，翻开手机的USB调试形式。

然后在PC端翻开chrome阅读器，在地点栏输入：chrome://inspect. 勾选&＃8221;discovery usb device&＃8221;。

然后在手机端阅读网页，就能够看到以下的页面，

点击inspect，举行调试。

ps：假如手机端是IOS则须要在MAC下操纵才能够。Windows只能抓到安卓手机

wenire真机调试

瑕玷：
没法打断点
长处：

• weinre调试体式格局，装置和实用不庞杂，实用于全平台的调试，即任何手机的任何阅读器皆能够调试，不过须要手机和电脑在同一个网段下。*

要领：
全局装置：

npm install – g weinre


部分装置：

npm install weinre


启动：

weinre --httpPort 8090 --boundHost -all-


weinew启动参数申明

• httpPort：设置Wninre运用的端口号，默许是8080。
• boundHost：[hostname | Ip | -all-]: 默许是 ‘localhost’。
• debug [true | false]：这个选项与–verbose相似， 会输出更多的信息。默许为false。
• readTimeout [seconds]：Server发送信息到Target/Client的超时时刻， 默许为5s。
• deathTimeout [seconds]：默许为3倍的readTimeout， 假如页面凌驾这个时刻都没有任何相应， 那末就会断开衔接。

控制台启动截图：

启动了weinre以后，我们在阅读器中输入localhost:8090.显现以下界面，示意已启动胜利。

点击&＃8221;debug client user interface&＃8221;，进入调试页面。

当前的targets中内容为空。

如今，我们须要做别的一点操纵，在我们要调试的页面中，增添一个剧本。

这时刻，我们就能够点击Elements举行调试。


这时刻候，在调试的时刻，挪动端的页面也同步更新。修正款式时，会在手机端立即见效，而且也能够检察控制台信息，唯一一点就是，不能举行断点调试。

末了，在调试完毕以后，别忘记删除嵌入的script。

spy-debugger真机调试

长处：

轻易，功用完全

瑕玷：

装置轻微庞杂一点

特性：

1. 页面调试＋抓包
2. 操纵简朴
3. 支撑HTTPS。
4. spy-debugger内部集成了weinre、node-mitmproxy、AnyProxy。
5. 自动疏忽原生App提议的https要求，只阻拦webview提议的https要求。对运用了SSL pinning手艺的原生App不形成任何影响。
6. 能够合营别的代办东西一同运用(默许运用AnyProxy)

要领：
TODO。。。