window 使用 Edge 调试手机 iOS 的 Safari 浏览器

文章介绍了在Windows环境下,如何使用Chrome或其他浏览器调试iOS设备上的Safari。过程包括安装scoop、ios_webkit_debug_proxy、依赖包,开启Safari的Web检查器,安装iTunes进行设备绑定,最后通过remotedebug_ios_webkit_adapter和Edge的inspect功能进行远程调试。过程中提到了一些可能出现的挑战,如iOS的bug较多。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

Chrome调用的时候报错了,在这里就不做介绍
Safari 浏览器是苹果配套的浏览器,如果使用macOS,使用一条数据线就可以搞定了。无奈很多像我一样开发的小伙伴使用的都是Window电脑,然后我就开始寻找window 系统调试 iOS 手机浏览器的方法。

首先需要安装依赖包

注意:下面的操作都需要在 Window PowerShell 下执行(因为要安装 window 的包管理器,cmd 下载不了)
*

1、安装 scoop(windows 的包管理工具)*

#修改执行策略,选择是 A 全是
set-executionpolicy unrestricted -s cu
#安装scoop
iex (new-object net.webclient).downloadstring('https://get.scoop.sh')

2、通过 scoop 安装 ios_webkit_debug_proxy

# 安装 extras
scoop bucket add extras
# 安装 ios-webkit-debug-proxy
scoop install ios-webkit-debug-proxy

3、安装调试依赖包

npm install vs-libimobile -g
npm install remotedebug-ios-webkit-adapter -g

4、打开ios调试

首先打开 设置、选择Safari浏览器、滑倒最下面,选择高级、打开里面的网页检查器,顺便把JavaScript也保存打开状态。请添加图片描述

5、安装iTunes或者爱思助手(这里我装的是iTunes)

iTures 需要登陆,然后在绑定设备,一台手机最多绑定 5 台 PC 设备,绑定完成,点击账户授权就行可以查看自己的手机了。

在这里插入图片描述

6、启动调试

用数据线连接好手机,把iTures打开,然后执行(指定 9000 端口):

remotedebug_ios_webkit_adapter --port=9000

然后打开 edge://inspect/#devices (就是edge浏览器的调试界面)

配置下端口,因为我启动监听的就是 9000。所以就用 localhost:9000
在这里插入图片描述
刷新手机浏览器界面,稍等一会就可以看到浏览器的内容了。在这里插入图片描述
点击inspect就看到界面就算是大功告成了。

在这里插入图片描述

总结:

ios的bug是真多,出现的都是莫名其妙的bug。

评论 3
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

菜鸟很沉

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值