最新消息:前端博客、web前端博客、Angularjs、javascript、jQuery、HTML5、CSS3

win环境下ios_webkit_debug_proxy_win32远程调试safari网页

移动端开发 AZ 2578浏览 0评论

首先你得确认win系统下装的iphone的驱动,没有安装请先安装itunes。要远程调试 iOS Safari ,必须启用 Web 检查 功能,打开 iPhone 依次进入 设置 > Safari > 高级 > Web 检查 > 启用。

ios_webkit_debug_proxy_win32详细介绍
Win32 端口的 iOS WebKit 调试代理工具,iOS WebKit Debug Proxy 是一个 iOS 的 DevTools 代理,允许开发者在真实的或者是模拟的 iOS 设备上,通过 DevTools UI 和 WebKit 远程调试协议,检查 MobileSafari 和 UIWebViews。

接下来找到ios_webkit_debug_proxy_win32,此程度是开源,在github上可以找到,项目地址:https://github.com/artygus/ios-webkit-debug-proxy-win32。在Binaries
下找到对应的版本下载,传送门 32bit, x64bit。下载后解压放至你想要的目录,并设置系统变量方便操作。

以我的配置为例:
我解压后更名为iosDebug移至f盘,设置系统变量为f:/isoDebug,也可以不设置,用的时候直接进入对应程序目录,这些设置完成后可以开始调试页面了。

在终端运行

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 浏览器,在地址栏输入 https://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 调试窗口。

接下来,就可以进行正常的调试工作了。

转载请注明:TUTERM.COM » win环境下ios_webkit_debug_proxy_win32远程调试safari网页

如果您觉得本文的内容对您的学习有所帮助,您可以支付宝(左)或微信(右):
alipay weichat

您必须 登录 才能发表评论!