Chrome 调试IOS真机页面

2022-02-12 20:50:24

安装 iTunes

Windows 系统首先要安装 iTunes ，打开 Apple 官网下载 iTunes 并完成 iTunes 安装。

开启调试模式

要远程调试 IOS Safari ，必须启用 Web 检查 功能，打开 iPhone 依次进入 设置 > Safari > 高级 > Web 检查 > 启用

ios-webkit-debug-proxy

ios-webkit-debug-proxy 是一个 DevTools proxy ，项目托管在 Github 上。其使得开发者可以发送命令到真实（或虚拟）IOS设备中的 Safari 浏览器或 UIWebViews 。

安装部署

项目地址：https://github.com/artygus/ios-webkit-debug-proxy-win32。

在 Binaries 小节点击下载链接。

下载后完成解压缩，将ios-webkit-debug-proxy-win32 目录复制到 C:\ 盘。

在系统环境变量添加 C:\ios-webkit-debug-proxy-win32

启动 proxy

打开命令行终端，执行

ios_webkit_debug_proxy-win32.exe -f chrome-devtools://devtools/bundled/inspector.html

输出结果如下：

ios_webkit_debug_proxy-win32.exe -f chrome-devtools://devtools/bundled/inspector.html
Listing devices on :9221 
Connected :9222 to iPhone (c356a29f73043a36aa6de64b088d55aeeda8f034)

开始调试

打开 chrome 浏览器，在地址栏输入 http://localhost:9221/ ，这里会显示所有已连接的设备清单，选择一个设备并点击打开。

打开的页面可看到当前 iphone 中 Safari 浏览器打开的所有页面，点击要调试的页面链接打开即可进入调试界面。

此时可能会有一个错误提示

Note: Your browser may block1,2 the above links with JavaScript console error:
  Not allowed to load local resource: chrome-devtools://...
To open a link: right-click on the link (control-click on Mac), ‘Copy Link Address‘, and paste it into address bar.

提示浏览器禁止页面加载本地资源，需在上面的链接上点击右键复制链接，然后手动新建一个标签页将链接粘贴进去，回车访问，

即可看到常见的 chrome 调试窗口。

参考：http://www.cnblogs.com/kelsen/p/6368550.html