一般在挪动端页面调试时，除了挪动端chrome和safiri,险些对其他浏览器没法调试。在测试过程当中，一般处理兼容性占了大部分时候，对那些手机厂商自带浏览器和第三方浏览器切齿腐心，为何不运用统一标准。

spy-debugger 挪动端浏览器调试东西

页面调试、抓包东西。长途调试任何手机浏览器页面，任何手机挪动端webview（如：微信，HybridApp等）。支撑HTTP/HTTPS，无需USB衔接装备。

1.装置

须要装置node，在这不做引见了，然后装置 spy-debbugger 依靠包到全局环境。（这里运用了npm,yarn也不错）

npm install spy-debugger -g

2.PC端运转

翻开终端运转

spy-debugger

当涌现下图所示即示意在PC端运转胜利，记着IP和node-mitmproxy启动端口，背面须要运用，上图这个模样就胜利启动了，浏览器翻开 http://127.0.0.1:65443，后续调试的的功用都在这个页面上操纵。

3. 设置手机端HTTP代办

起首电脑和手机保持在一个收集下，或衔接同一个wifi。然后到手机端设置所连wifi的代办。进入wlan列表，

长按或许点击最右的箭头（IOS是i标记），进入当前wifi详情页

手机滑到最下面有个代办，点开挑选为手动

然后衔接电脑端的代办，就下图中的 将第2步中的IP和端口离别填入主机名和端口

4.手机端下载并装置证书（初次运用装置）

手机端第三方浏览器输入 http://s.xxx （不要用自带浏览器和微信浏览器），下载证书到当地。

安卓端装置证书的两种体式格局：

其一：设置——WiFi——高等设置——装置证书

其二：设置——更多设置——系统安全——从存储装备装置证书

IOS端装置证书的体式格局看下面链接就行：

https://www.jianshu.com/p/d31…

5.用手机浏览器接见你要调试的页面即可

下图就是用手机端浏览器翻开页面，targets会显现监听到翻开的页面。

菜单栏的 Elements 、Resources、Network、Timeline、Console和chrome的开发东西项相似。

体验一定没PC端浏览器的好，但可以满足大部分调试的需求。