有没有办法为 iPad Pro 测试/调试我的网站？ （没有 iPad Pro）

Posted 2023-03-12

【中文标题】有没有办法为 iPad Pro 测试/调试我的网站？ （没有 iPad Pro）

【英文标题】：Is there a way to test/debug my website for iPad Pro? (without an iPad Pro)

【发布时间】：2020-04-01 06:55:33

【问题描述】：

我的网页布局导致 iPad Pro 出现错误，有些东西会拉伸或缩小。当使用设置为 iPad 分辨率的 chrome 控制台时，它会正确显示，所以我不能依赖它。关于如何测试它或可能是什么问题的任何建议？

我正在使用带有 divi 的 wordpress，这个特定页面是带有 html/JS/CSS 的代码模块。而且我只有 PC/android

【参考方案1】：

在 Safari 中，Control+Command+R 提供 ui 以在多种屏幕尺寸上进行测试，如果您在 Mac 上，只需从 xcode 运行 ios 模拟器并在模拟器的 safari 中打开您的网站

【讨论】：

我可以在 Windows 上安装可靠版本的 Safari 吗？或者我应该使用带有 iPad Pro OS 的虚拟机？抱歉，我不太习惯 Mac 环境。

Safari for windows 过时了，AFAIK 没有支持或允许您运行 iPadOS 的虚拟机，因此您必须安装 macOS 并对其进行测试

【参考方案2】：

转到 Chrome -> 按 F12 -> 单击Toggle Device Toolbar（位于单词元素旁边）-> 从下拉菜单中，您将能够选择 iPad Pro

也许您可以找到临时托管网络服务？如果 chrome 不适合你，比如 netlify

【讨论】：

正如我所说，在 Chrome 上设置 iPad Pro 不起作用，因为它可以正确显示，但在真正的 iPad 中却不能。

因此我建议您将您的网站托管在 netlify 上进行测试。你可以下载virtual box来安装mac os。然后从那里，您可以使用模拟器进行测试。到目前为止virtual box是唯一可以让你下载mac os的虚拟机