无法在 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 的版本，这已被打破，但对该存储库的最新承诺表明，截至今年 1 月 2 日，已添加了对 iOS 12.2+ 的支持。（我正在尝试为 iOS 13.3 调试应用程序）

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

Answer 1

这里的创造者remotedebug-ios-webkit-adapter。我构建了一个RemoteDebug名为Inspect的替代品，它将所有内容打包在一起，带来愉快的体验，并支持从 Windows、macOS 和 Linux 轻松进行 iOS Web 调试，并具有一些额外功能，例如屏幕投射和 Wi-Fi 调试，您可能会喜欢发现有用的。

Answer 2

因为我面临同样的问题......我想分享我的发现：

遵循 John Washam 描述的步骤。我昨天确实试过了（带有 iOS 14 和 Windows 10 的 iPAD Pro），我可以确认它有效；-)

这里总结一下远程调试iOS设备>iOS 11的解决方案：

1. 在 Windows 10 PC 上安装iTunes

2. 安装Node.js

3. 下载remotedebug-ios-webkit-adapter 的最新 ZIP 版本文件

4. 在以下位置创建一个名为“ios-webkit-debug-proxy-1.8.8-win64-bin”的新文件夹（假设您在默认目录中安装了 Node.js）：

   %AppData%\npm\node_modules\remotedebug-ios-webkit-adapter\node_modules\vs-libimobile\

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

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

7. 编辑 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');

8. 转到%AppData%\npm，在以下命令中打开 PowerShell 和 tpe：

.\remotedebug_ios_webkit_adapter --port=9000

9. 在 Win PC 上打开 Chrome 并浏览到 chrome://inspect/#devices

   由于我们将适配器设置为侦听端口 9000，因此我们需要添加一个网络目标。单击发现网络目标旁边的“配置”：

10. 在您的 iOS 设备上启用网络检查器。带上你的 iOS 设备去Settings > Safari > Advanced启用 Web Inspector

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