通常用于移动端的页面调试,除了移动端的chrome和safiri,其他浏览器几乎无法调试。在测试过程中,通常会占用大部分时间来解决兼容性问题。我讨厌那些手机厂商自带的浏览器和第三方浏览器。为什么不用统一的标准。spy-debugger手机浏览器调试工具页面调试和抓包工具。远程调试任意手机浏览器页面,任意手机webview(如微信、HybridApp等)。支持HTTP/HTTPS,无需USB连接。1、安装需要安装node,这里不再介绍,然后安装spy-debbugger依赖包到全局环境。(这里用的是npm,yarn也不错)npminstallspy-debugger-g2。在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在手机第三方浏览器中(不要使用内置浏览器和微信浏览器),将证书下载到本地。Android端安装证书有两种方式:1:设置-WiFi-高级设置-安装证书2:设置-更多设置-系统安全-从存储设备安装证书IOS端安装证书的方式看下链接如下:https://www.jianshu.com/p/d31...5.用手机浏览器访问要调试的页面到打开的页面。菜单栏中的Elements、Resources、Network、Timeline、Console和chrome开发者工具项类似。体验上肯定不如PC端浏览器,但是可以满足绝大部分的调试需求。
