Fork me on GitHub

IOS端的网页调试

发表于 | 更新于: | 分类于 | 本文总阅读量 次
| 字数统计: 196 | 阅读时长 ≈ 1

在window下调试IOS手机端网页

  1. 安装scoop包管理工具
    在Window PowerShell下执行下列命令：
    1
    2
    set-executionpolicy unrestricted -s cu
    iex (new-object net.webclient).downloadstring('https://get.scoop.sh')

安装scoop包管理工具

  1. 安装ios-webkit-debug-proxy 在Window PowerShell下执行下列命令：
    1
    2
    scoop bucket add extras
    scoop install ios-webkit-debug-proxy

安装ios-webkit-debug-proxy

  1. 把ios设备连接到PC
  • 使用Safari至少打开一个网页
  • 开启Web检查器（Web Inspector）

    设置 > Safari > 高级 > Web 检查器

  • 在Window PowerShell下执行下列命令：
    1
    ios_webkit_debug_proxy -f chrome-devtools://devtools/bundled/inspector.html

启动ios_webkit_debug_proxy

  1. 开始调试

  • 通过http://localhost:9221/ 可查看已连接的设备
    查看已连接的ios设备

  • 访问chrome://inspect/#devices 查看Safari打开的页面

添加设备

  • 点击inspect,开始调试（在第一次使用时，此过程中需要PC端能够番羽土啬，下载一个插件）。