美文网首页
windows10 使用Chrome DevTool调试iOS设

windows10 使用Chrome DevTool调试iOS设

作者: 猴子Hope | 来源:发表于2018-01-27 11:23 被阅读0次

    下载安装

    64位下载

    https://pan.baidu.com/s/1qZIu6Gc

    32位下载

    https://pan.baidu.com/s/1kWDKYTD

    解压到硬盘即可使用

    开启调试模式

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

    启动 ios_webkit_debug_proxy

    进入到ios_webkit_debug_proxy解压后的文件夹,执行

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

    会输出如下结果

    Listing devices on : 9221

    Connected : 9222to iPhone (c356*********************************************f034)

    表示已启动成功

    开始调试

    打开 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 调试窗口

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

    相关文章

      网友评论

          本文标题:windows10 使用Chrome DevTool调试iOS设

          本文链接:https://www.haomeiwen.com/subject/fkknaxtx.html