admin 管理员组文章数量: 887021
1 安装 iTunes
Windows 系统首先要安装 iTunes ，打开 Apple 官网下载 iTunes 并完成 iTunes 安装，否则计算机无法正确识别 iPhone 设备。
2 iOS设备打开调试模式
要远程调试 IOS Safari ，必须启用 Web 检查 功能，打开ios设备依次进入 设置 > Safari > 高级 > Web 检查 > 启用。
3 ios-webkit-debug-proxy
ios-webkit-debug-proxy 是一个 DevTools proxy ，项目托管在 Github 上。其使得开发者可以发送命令到真实（或虚拟）IOS设备中的 Safari 浏览器或 UIWebViews 。
4 安装部署
项目地址：https://github/artygus/ios-webkit-debug-proxy-win32。
在 Binaries 小节点击点击x64 Build下载链接。
下载后完成解压缩，将ios-webkit-debug-proxy-win32 目录复制到 D:\ 盘（不限）。
在系统环境变量添加 D:\ios-webkit-debug-proxy-win32。
5 启动 proxy
通过 USB 将 ipad/iphone设备 与电脑连接
ios_webkit_debug_proxy-win32.zip解压后只有ios_webkit_debug_proxy.exe,
直接执行这个exe。
打开命令行终端，执行：
ios_webkit_debug_proxy.exe -f chrome-devtools://devtools/bundled/inspector.html
输出结果如下：
ios_webkit_debug_proxy.exe -f chrome-devtools://devtools/bundled/inspector.html
Listing devices on :9221
Connected :9222 to ******
6 开始调试
打开 chrome 浏览器，在地址栏输入 http://localhost:9221/ ，这里会显示所有已连接的设备清单，选择一个设备并点击打开。
可以发现地址栏变为：http://localhost:9222/
同时显示该ios设备中Safari浏览器打开的所有页面，和一个提示：
Inspectable pages for iPad:
http://********
Note: Your browser may block 1,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.
提示浏览器禁止页面加载本地资源，需在上面的链接（即safari显示已打开页面的链接）点击右键复制链接，然后手动新建一个标签页将链接粘贴进去，回车访问。
chrome-devtools://devtools/bundled/inspector.html?ws=localhost:9222/devtools/page/1
根据提示说明复制链接并打开，即可看到常见的 chrome 调试窗口。
转载出处：https://wwwblogs/kelsen/archive/2019/05.html
https://juejin.im/post/5b35d7e2f265da59845202a3
本文标签： 页面 系统 chrome Windows iOS
版权声明：本文标题：Windows系统的Chrome 调试运行在 IOS-safari （iPadiPhone）上的页面 内容由网友自发贡献，该文观点仅代表作者本人， 转载请联系作者并注明出处：http://www.freenas.com.cn/jishu/1726658187h1007210.html， 本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容，一经查实，本站将立刻删除。
发表评论