在win10+chrome环境中调试ios-safari画面

手头上有个调试Echarts地图在ios端显示情况的任务,工作电脑是win10,因此在 这里 ,找到了方法。
1 下载iTunes
在官网下载iTunes。才能识别连接的ios设备。
2 开启调试模式
在ios端打开设置->Safari->高级->Web检查器
3 ios-webkit-debug-proxy
这里就是核心了。按照原博说法,ios-webkit-debug-proxy 是一个 DevTools proxy ,项目托管在 Github 上。其使得开发者可以发送命令到真实(或虚拟)IOS设备中的 Safari 浏览器或 UIWebViews 。
与原博相比,git上有一些更新: 在Binaries小节点击下载。下载后解压缩,并将解压目录添加到环境变量。
4 启动proxy
- 在控制台执行:
ios_webkit_debug_proxy.exe -f chrome-devtools://devtools/bundled/inspector.html
- 结果
Listing devices on :9221 Connected :9222 to iPad (3350272cc4155cd76e1990b18ad7a5a28689****)
说明启动成功
5 开始调试
- 在chrome浏览器地址栏输入 会显示所有设备清单:
iOS Devices: localhost:9222 - iPad 可以发现地址栏变为: 同时显示该ios设备中Safari浏览器打开的所有页面,和一个提示:
Inspectable pages for iPad: