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

Question

我正在尝试使用Safari Web Inspector进行Web应用程序的远程调试，并且我在Web Inspector中不断获得空白页面。救命啊！

让我感到空白的事情：

• 通过USB连接到我的电脑的实际设备
• 通过XCode的所有模拟设备
• 内部网站
• localhost sites
• 公开网站
• 简而言之：一切。

我尝试过的事情：

• 重新启动所有内容（计算机，iPad，XCode，Safari）
• 更新我的所有软件
• 使用Webkit nightly build
• 检查iPad设置＆gt; Safari＆gt;高级＆gt; Web Inspector（它已经开启）
• 验证iPad Safari未处于私人模式
• 桌面Safari隐私浏览
• 桌面Safari非隐私浏览
• 很多和很多谷歌搜索

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

软件版本：

• Macbook Pro，OS 10.9.4
• Safari 7.0.6（或每晚Webkit）
• 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检查器。
4. 之后，请确保iPad和Mac系统使用相同的网络（同一Wifi路由器）。
5. 在Mac系统上的Safari中单击“开发”菜单，您会在菜单栏中看到iPad / iPhone，在iPad / iPhone上单击并启用通过网络连接
6. 仅当您使用 webpack-dev-server 开发Web应用程序时，还要将您的 webpack-dev-server 绑定到 0.0.0.0 >而不是localhost。将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并点击该URL https://ip-address:port ，端口应该是您在Mac系统上本地运行Web应用程序的端口，这样您就可以指出iPad / iPhone连接到本地系统，您就可以访问在Mac系统上本地运行的同一Web应用程序。
9. 要调试和检查html页面，请在mac系统中的Safari Develop菜单栏中单击您的设备名称，要调试和检查的页面将在mac系统中打开Web检查器。

有关更多详细信息，请访问此链接，它非常有用https://silvantroxler.ch/2018/wireless-remote-debugging-with-safari-on-ios/

我希望能对您有所帮助。