ios - 无法在 Windows 的 Web 应用程序中调试 iOS 问题？

Question

我在 iPad Pro 和 iPhone 7 Plus 上测试 Web 应用程序时发现了一些错误，我无法使用 Windows 或 Android 中的任何浏览器复制这些错误，也找不到任何方法在 Windows 中远程调试 Safari。

我尝试使用 RemoteDebug iOS WebKit Adapter但是这些设备似乎无法通过 Chrome 或 VS Code 调试器发现。

我已经确认在 Safari 中启用了 Web Inspector，使用 iTunes 可以发现和信任设备，并且安装了所有必需/推荐的依赖项。服务器启动正常，调试器中没有列出任何设备。

一些搜索先前提交的问题的回复表明，对于 iOS > 11 的版本，这已被打破，但对该存储库的最新 promise 表明，截至今年 1 月 2 日，已添加了对 iOS 12.2+ 的支持。 (我正在尝试为 iOS 13.3 调试应用程序)

我很好奇是否有其他人遇到过这个问题，并找到了使用 Windows PC 调试 iOS 特定问题的任何解决方法。或者，如果没有，是否有很好的替代解决方案(除了购买 Mac)。

Answer 1

因为我面临同样的问题......我想分享我的发现:
Followed the steps described by John Washam .我昨天确实尝试过(带有 iOS 14 和 Windows 10 的 iPAD Pro)，我可以确认它有效；-)
这里总结一下远程调试iOS设备>iOS 11的解决方案:

安装 iTunes在您的 Windows 10 PC 上

安装 Node.js

Download the most recent ZIP release file remotedebug-ios-webkit-adapter 的

在以下位置创建一个名为“ios-webkit-debug-proxy-1.8.8-win64-bin”的新文件夹(假设您在默认目录中安装了 Node.js):%AppData%\npm\node_modules\remotedebug-ios-webkit-adapter\node_modules\vs-libimobile\

将文件从 ZIP 解压缩到该文件夹%AppData%\npm\node_modules\remotedebug-ios-webkit-adapter\node_modules\vs-libimobile\ios-webkit-debug-proxy-1.8.8-win64-bin

--> 在我的案例中，文件夹 vs-libimobile 丢失，因此我只是创建了它

编辑 iosAdapter.js 文件。
从以下位置打开文件:%AppData%\npm\node_modules\remotedebug-ios-webkit-adapter\out\adapters\iosAdapter.js

在第 125ff 行，将代理变量更改为以下值(ois_webkit_debug_proxy.exe 的路径):

const proxy = path.resolve(__dirname, '../../node_modules/vs-libimobile/ios-webkit-debug-proxy-1.8.8-win64-bin/ios_webkit_debug_proxy.exe');

转至 %AppData%\npm ，在以下命令中打开 PowerShell 和 tpe:

.\remotedebug_ios_webkit_adapter --port=9000

在 Win PC 上打开 Chrome 并浏览至 chrome://inspect/#devices由于我们将适配器设置为监听端口 9000，因此我们需要添加一个网络目标。单击发现网络目标旁边的“配置”:

在您的 iOS 设备上启用网络检查器。
带上您的 iOS 设备前往 Settings > Safari > Advanced并启用 Web Inspector

在您的 iOS 设备上打开 Safari 并浏览到一个网站。
您几乎应该会立即看到该网站出现在 Chrome 的远程目标部分下。