Safari远程调试iOS上的空白屏幕

Question

我正在尝试使用 Safari Web Inspector 远程调试 Web 应用程序，但在 Web Inspector 中不断出现空白页面。救命！

让我空白页的事情：

• 通过 USB 连接到我的计算机的实际设备
• 所有通过 XCode 模拟的设备
• Intranet 站点
• 本地主机站点
• 公开网站
• 简而言之：一切。

我尝试过的事情：

• 重新启动一切（计算机、iPad、XCode、Safari）
• 更新我的所有软件
• 使用 Webkit 每晚构建
• 检查 iPad 设置 > Safari > 高级 > Web Inspector（已打开）
• 验证 iPad Safari 未处于隐私模式
• 桌面 Safari 隐私浏览
• 桌面 Safari 非隐私浏览
• 很多很多的谷歌搜索

我确实找到了a question asked here four months ago，没有答案，只有一个“我也是！”三个月后。

软件版本：

• Macbook Pro，操作系统 10.9.4
• Safari 7.0.6（或 Webkit nightly）
• XCode 5.1.1 (5B1008)
• iOS 模拟器 7.1 (463.9.41)
• 实际 iPad iOS 7.1.2

FWIW，我在我的 Mac 上运行内置的 Apache WebServer，过去我在我的 Mac 上遇到过一些用户权限问题。

任何帮助表示赞赏。我被困住了。

Answer 1

我在 MacOS 10.10.1 和 iOS 8.1.2 上使用 Safai 8.0 时遇到了完全相同的问题。

解决方案：

确保在您的桌面 Safari 中允许使用 cookies。

Answer 2

我不是 100% 确定您遇到的问题是什么，我最近在 iPad 上工作，这些步骤在开发过程中帮助了我，但如果您浏览此列表，请确保没有遗漏任何内容：

如何为通过 iPad/iPhone 访问的 mac 系统中本地运行的 Web 应用打开 Web Inspector？

1. 使用 USB 数据线将您的 iPad 连接到 mac 系统。
2. 在 mac 系统中打开 Safari，确保开发菜单已启用，如果未启用，请转到首选项，然后单击高级选项卡，勾选 在菜单栏中显示开发菜单。
3. 在 iPad/iPhone 中打开设置，选择 Safari 并点击高级以启用 Web Inspector。
4. 然后确保 iPad 和 mac 系统使用相同的网络（相同的 Wifi 路由器）。
5. 在 mac 系统上点击 Safari 中的开发菜单，您将在菜单栏中看到您的 iPad/iPhone，点击 iPad/iPhone 并启用 通过网络连接
6. 仅当您使用 webpack-dev-server 开发 Web 应用程序时，还要将您的 webpack-dev-server 绑定到 0.0.0.0 而不是本地主机。将 IP 地址更改为 0.0.0.0 将使您的服务器可从外部访问（在同一个 WiFi 内），为此您可以在通过 webpack-dev-server “webpack-dev-server --host 0.0”运行应用程序时添加此更改.0.0”
7. 现在在 mac 系统上本地运行任何 Web 应用程序，并记下您连接的网络的 IP 地址。
8. 现在在 iPad/iPhone 中打开 Safari 并点击此网址 https://ip-address:port 端口应该是您在 Mac 系统上本地运行 Web 应用程序的端口，这样您就可以指向您的 iPad/ iPhone 到您的本地系统，您可以访问在您的 mac 系统上本地运行的相同网络应用程序。
9. 要调试和检查 html 页面，请在 mac 系统的 Safari 开发菜单栏中单击您的设备名称，您要调试和检查的页面将打开 mac 系统中的 Web 检查器。

更多详情请点击此链接，非常有帮助https://silvantroxler.ch/2018/wireless-remote-debugging-with-safari-on-ios/

我希望会出现一些对你有帮助的东西。