Window调试 ios 的 Safari 浏览器

1.环境

PC chrome浏览器(版本45、46)

IOS safari浏览器(11.2.6)

win系统(win7、win10)

一根USB数据线

2. 安装 iTunes

Windows 首先要安装 iTunes,下载地址:iTunes

用USB数据线连接电脑和手机,在windows上打开iTunes,如下表示链接成功

3. iPhone开启调试模式

使用数据线将ios设备与电脑连接

ios设备上打开 设置 > APP > Safari浏览器 > 高级> 网页检查器 > 启用

4. 安装scoop

  1. 使用PowerShell在你当前Windows的账户下执行
bash 复制代码
set-executionpolicy remotesigned -s cu

如果不出意外,这个时候应该就装好了,会出现一行小绿字,就像下面这样。如果是红字,那就自行chat gpt找原因吧。

bash 复制代码
Scoop was installed successfully!
  1. 下载scoop
bash 复制代码
iex (new-object net.webclient).downloadstring('https://get.scoop.sh')

由于Scoop的仓库都在Github上面访问很不方便,所以说我们需要将仓库地址换成国内平台(Gitee),这样速度可以起飞。当然,如果你相信你的科学上网的话,也可以不换。

bash 复制代码
scoop config SCOOP_REPO https://gitee.com/glsnames/scoop-installer

成功的话,会出现下面这样的提示

bash 复制代码
'SCOOP_REPO' has been set to 'https://gitee.com/glsnames/scoop-installer'

然后更新一下依赖,就像使用apt-get update一样简单

bash 复制代码
scoop update

到这,如果不出问题,就已经装好了Scoop,接下来就可以去装远程调试需要的依赖了。

5. 安装ios-webkit-debug-proxy

bash 复制代码
scoop bucket add extras
scoop install ios-webkit-debug-proxy

6. 安装remotedebug-ios-webkit-adapter

我们需要一个Node.js环境,参考连接:Windows 11安装nvm教程

直接用npm安装remotedebug-ios-webkit-adapter

bash 复制代码
npm install remotedebug-ios-webkit-adapter -g

至此,全部的环境,就安装完毕了。

接着在PowerShell里面启动remotedebug_ios_webkit_adapter

bash 复制代码
set NODE_OPTIONS=--unhandled-rejections=warn && remotedebug_ios_webkit_adapter --port=9000

可以在浏览器输入localhost:9000查看确保已经连接成功

7. 添加设备端口

之后打开你的Chrome浏览器(如果没有的话Edge也是平替),输入网址chrome://inspect/#devices(如果是Edge则是edge://inspect/#devices),点Configure...,输入localhost:9000就完成了。

这时候在你的safari浏览器里面打开你要调试的网页,页面中出现Target (RemoteDebug iOS Webkit Adapter),点击inspect后就可以了


相关推荐
子兮曰2 天前
jev-ultrafast 深度解析:7 秒订机票的浏览器 Agent 是如何炼成的
前端·后端·agent
子兮曰2 天前
Jev 爆发一周:7 秒 Agent 背后的 System One 生态与三场争议
前端·后端·ai编程
前端小万2 天前
写公众号赚了 3000 块后,我做了一款叫 "一键成稿" 的软件
前端·微信小程序
爱勇宝2 天前
ZCode 开源 24 小时:一份没有历史的账本,回答不了"有没有偷代码"
前端·后端·chatglm (智谱)
三十而立洋2 天前
Cookie 详解:从产生到安全,一次讲透
前端·javascript
卡布鲁2 天前
把一个 Vite + Vue3 应用塞进 qiankun (React + Umi3) 主站:十个坑的复盘
前端·javascript·react.js
汉堡大王95272 天前
Jev:不是聊天机器人, 而是一个智能 if 语句
前端·人工智能·后端
梦想很大很大2 天前
从运行事实到回归证据:Workrun 的 Telemetry 与 Evaluation 实践
前端·人工智能·后端
计算机魔术师2 天前
Meta Muse agent 接入 Shopify 的 Shop Pay 实现代理式购物
前端
沙蒿同学2 天前
我用 Go 搭了一条 AI Agent 流水线:从 1 张商品图到一整套淘宝详情页
前端·javascript·后端