惯性聚合 高效追踪和阅读你感兴趣的博客、新闻、科技资讯
阅读原文 在惯性聚合中打开

推荐订阅源

博客园_首页
N
Netflix TechBlog - Medium
V
Visual Studio Blog
博客园 - Franky
小众软件
小众软件
奇客Solidot–传递最新科技情报
奇客Solidot–传递最新科技情报
Apple Machine Learning Research
Apple Machine Learning Research
博客园 - 三生石上(FineUI控件)
钛媒体:引领未来商业与生活新知
钛媒体:引领未来商业与生活新知
让小产品的独立变现更简单 - ezindie.com
让小产品的独立变现更简单 - ezindie.com
宝玉的分享
宝玉的分享
量子位
大猫的无限游戏
大猫的无限游戏
人人都是产品经理
人人都是产品经理
V
V2EX
The Cloudflare Blog
月光博客
月光博客
Last Week in AI
Last Week in AI
雷峰网
雷峰网
WordPress大学
WordPress大学
博客园 - 【当耐特】
博客园 - 聂微东
IT之家
IT之家
OSCHINA 社区最新新闻
OSCHINA 社区最新新闻

Hsu Yeung 的博客

三圣花市 | Hsu Yeung 的博客 网站支持 Live Photo 图片展示 | Hsu Yeung 的博客 梦 | Hsu Yeung 的博客 周末午餐 | Hsu Yeung 的博客 张家界 | Hsu Yeung 的博客 话剧《寻她芳踪·张爱玲》 | Hsu Yeung 的博客 博客自动生成文章目录 | Hsu Yeung 的博客 灭螂行动! | Hsu Yeung 的博客 张靓颖成都演唱会 | Hsu Yeung 的博客 最近对博客做的一些微调总结 | Hsu Yeung 的博客 Windows 上安装 Lua | Hsu Yeung 的博客 网站支持展示 B 站 iframe 视频 SpringBoot 中使用 RedisTemplate 存取整数值的坑 | Hsu Yeung 的博客 SQL JOIN 中 ON 与 WHERE 的区别 值得记录的一些工作近况 | Hsu Yeung 的博客 周传雄成都演唱会 | Hsu Yeung 的博客 并行操作导致获取数据库连接超时 | Hsu Yeung 的博客 风信子 | Hsu Yeung 的博客 Linux 安装并配置 Nginx | Hsu Yeung 的博客 使用 logrotate 切割 nginx 日志 郁金香土培结果 | Hsu Yeung 的博客 MySQL LEFT JOIN 右表有多条数据但只取最新的一条 | Hsu Yeung 的博客 获取数据库锁等待超时问题 | Hsu Yeung 的博客 从零开始挑选相机 | Hsu Yeung 的博客 郁金香 | Hsu Yeung 的博客 我的第一束花 | Hsu Yeung 的博客 快乐的一周 | Hsu Yeung 的博客 重庆,来了 | Hsu Yeung 的博客 散步 | Hsu Yeung 的博客 Git 工作区、暂存区、版本库之间的关系 | Hsu Yeung 的博客
在 Windows 电脑上调试 iPhone Safari 浏览器的网页
2023-04-14 · via Hsu Yeung 的博客

1. 手机 Safari 浏览器开启网页检查器

设置 -> Safari 浏览器 -> 高级
选择高级
选择高级
开启网页检查器
开启网页检查器
开启网页检查器

2. 安装 scoop

前置要求:

  • Windows 版本不低于 Windows 7
  • Windows 中的 PowerShell 版本不低于 PowerShell 3
  • 你能正常、快速的访问 GitHub 并下载上面的资源(科学上网)
  • 你的 Windows 用户名为英文(Windows 用户环境变量中路径值不支持中文字符)

然后在 PowerShell 中依次输入并执行以下命令:

set-executionpolicy remotesigned -scope currentuser

iex (new-object net.webclient).downloadstring('https://get.scoop.sh')

等待命令执行完成即可。

3. 安装远程调试需要的依赖

在 CMD 或者 PowerShell 中依次输入并执行以下命令:

scoop bucket add extras
scoop install ios-webkit-debug-proxy

4. 安装 Node 环境

直接去 Node 官网 下载安装即可。

或者使用 nvm-windows 来管理 Node 版本。

5. 安装 remotedebug-ios-webkit-adapter

在 CMD 或者 PowerShell 中依次输入并执行以下命令:

npm install remotedebug-ios-webkit-adapter -g

6. 如何调试

  1. 使用数据线将手机和电脑连接起来,在手机的弹窗中选择信任该电脑即可(这一步如果没有弹窗可能需要安装 iTunes 才行)。
  2. 启动 remotedebug_ios_webkit_adapter
remotedebug_ios_webkit_adapter --port=9000
  1. 手机上打开 Safari 浏览器中准备调试的页面

  2. 打开 Chrome 浏览器,输入 chrome://inspect/#devices,在 Discover network targets 选项添加 localhost:9000 配置。刷新页面,这时页面中会出现 Remote Target 列表,该列表展示了 iPhone 中打开的页面,点击 inspect ,即可进行调试