在Windows笔记本上调试运行在iOS设备上的前端应用

最新推荐文章于 2024-05-17 18:32:35 发布

Even_fzq

最新推荐文章于 2024-05-17 18:32:35 发布

阅读量1k

点赞数 1

分类专栏： ionic 前端

本文链接：https://blog.csdn.net/qq_38630270/article/details/92831002

版权

前端同时被 2 个专栏收录

10 篇文章 0 订阅

订阅专栏

ionic

5 篇文章 0 订阅

订阅专栏

非常nice!!!
::
https://www.jianshu.com/p/73715ee54712

安装前准备

要保证iPhone/iPad能使用USB与电脑正常连接
在iOS中打开调试模式：设置->Safari->高级->Web 检查器

安装

安装scoop

// 进入 windows PowerShell: 开始->运行->cmd，在命令行下输入 PowerShell
// 使用Powershell进行安装
iex (new-object net.webclient).downloadstring('https://get.scoop.sh')
// 如果安装失败，请执行以下命令再重新安装
Set-ExecutionPolicy RemoteSigned -scope CurrentUser

安装ios-webkit-debug-proxy

在Powershell中执行
scoop bucket add extras
scoop install ios-webkit-debug-proxy

使用

启动ios-webkit-debug-proxy

在Powershell中执行，-f表示指定前端工具，这里使用chrome-devtools进行调试
ios_webkit_debug_proxy -f chrome-devtools://devtools/bundled/inspector.html

执行成功后，Powershell窗口会显示
Listing devices on :9221
Connected :9222 to 你的设备名称

打开网页
在chrome浏览器中输入localhost:9221，如果进入网页后出现Inspectable pages for 你设备的名称字样，表示连接成功，然后在iPhone/iPad中使用Safari打开网页，再刷新电脑上的chrome，就会出现一个超链接(chrome-devtools://devtools/bundled/inspector.html?ws=localhost:9222/devtools/page/1)，然后右键复制链接地址并在新标签中打开，就可以像在电脑中一样对网页进行调试了。