Windows下利用Chrome调试IOS设备页面

本文介绍如何在 Windows 系统中连接 iOS设备 并对 Web 页面进行真机调试

必须前提

  1. iOS设备、数据线
  2. Node.js 环境
  3. Chrome 浏览器

环境准备

  1. 安装Node环境
    参考Node安装的教程，确保终端输入node时可正常使用

  2. 安装 scoope 以及相关配置
    为了安装后续需要用的工具 remotedebug-ios-webkit-adapter
    打开win下的powershell（最好使用管理员权限运行）
    依次输入：

    Set-ExecutionPolicy RemoteSigned -scope CurrentUser
    iex (new-object net.webclient).downloadstring('https://get.scoop.sh')
    scoop bucket add extras
    scoop install iOS-webkit-debug-proxy
    npm install -g vs-libimobile

  1. 安装 remotedebug-ios-webkit-adapter
    该调试方法最核心的部分，就是依赖该工具
    打开win下的powershell或其他终端软件
    npm install remotedebug-ios-webkit-adapter -g

  2. iOS设备点开 设置 > Safari 浏览器 > 高级 > Web 检查器，开启该选项。

  3. iOS设备连接电脑，信任该电脑

  4. 打开终端，执行该命令：
    remotedebug_iOS_webkit_adapter --port=9000

  5. iOS端打开safari浏览器；PC端打开Chrome，进入 chrome://inspect/#devices 页面，并在 Discover network targets 选项添加 localhost:9000 配置。
    此时刷新iOS页面，在Chrome中可看到iOS当前的页面地址，点击inspect即可进入调试页面。

提示：
在首次点击inspect若出现白屏，似乎要爬一下梯

posted @ 2020-03-28 13:32  Ruohua3kou  阅读(1790)  评论(0)  编辑  收藏  举报