乐趣区

关于前端:window系统如何调试苹果手机

jiezi

前言

没有 mac，如何调试苹果手机，之前我始终认为没有啥方法，前段时间百度了一下，发现还是有办法的，心愿能够帮忙到幸灾乐祸的 window 人，哈哈

window 调试 android webview

前置条件

    1. 必须让客户端把 webview 的调试模式关上
    1. 同一个局域网
    1. 开启手机的 usb 调试模式，并用数据线连贯
    1. 手机关上 app，进入到须要调试的 h5 页面，而后在浏览器输出 chrome://inspect/#devices

这一步骤须要梯子，不然无奈显示

window 调试 ios webview（白嫖的形式）

第一种（亲测能够）

前置条件

    1. 必须让客户端把调试模式 webview 的调试模式关上
    1. 同一个局域网
    1. window 装置 iTunes 并关上

第一步：下载安装 iTunes​

抉择对应的操作系统

装置结束，应用

第二步 

set-executionpolicy unrestricted -s cu
iex (new-object net.webclient).downloadstring('<https://get.scoop.sh>')

装置失败自行百度，祝你好运~

第三步 

scoop bucket add extras

scoop install ios-webkit-debug-proxy
  • 谷歌开源的我的项目
  • 如同挺叼的 
npm install remotedebug-ios-webkit-adapter -g
  • 不保护的我的项目了，作者去搞商用的了

第四步 在 Safari 中启用近程调试

Iphone => 设置 => Safari 浏览器 => 高级 => web 查看器 => 启用

第五步 让您的计算机信赖您的 iOS 设施

应用数据线把 Iphone 手机连贯电脑，必须点击 “信赖”，并确保 window 曾经关上 itunes, 并确保手机连贯。

第六步 关上你喜爱的命令行工具，运行以下命令 

remotedebug_ios_webkit_adapter --port=9000
  • 浏览器关上（肯定要把 iTunes 并且保障手机数据线和手机连贯并处于同一个网络）

chrome://inspect/#devices

  • 成果展现
  • 具体操作如下：执行上述命令，配置监听端口
  • 白嫖的体验就是没有体验，我记得之前的还是挺好的，哈哈，我发现花钱的体验是很好的，白嫖的话，重要信息都会被删除掉，坑爹。

第二种（我试了不行，可能我了解不到位把，期待有缘人）

https://testerhome.com/topics/34559

window 调试 ios webview（花钱解决）

商用网站地址：https://inspect.dev/

下面白嫖的形式，这个作者去搞了个商用的版本，体验很好，举荐用这个

花钱的体验

赠送苹果手机 16.4 版本无奈进行调试的解决办法，也能够看参考资料外面, 心愿帮忙到同样的可怜人

参考资料

  • 如何应用 chrome 调试 iphone 页面？win10 remotedebug-ios-webkit-adapter 装置与应用​
  • IOS 16.4 版本无奈进行 webview 调试的起因​
  • spa-debugger​
退出移动版