iOS模拟器在Mac上测试网站[关闭]答案

【问题标题】：Simulate visualization of mobile device on a desktop one [closed]iOS模拟器在Mac上测试网站[关闭]
【发布时间】：2013-01-10 12:53:06
【问题描述】：

我需要在 Mac 上的 iOS 设备上测试我的网站。

是否有可用的桌面模拟器来执行此操作？

【问题讨论】：

【解决方案1】：

如果您使用的是 Mac OS X，请使用 Simulator。我不知道它是否默认可用，但它看起来像是 Xcode 套件的一部分。

无论如何它是免费的并且非常有用，它可以让您模拟许多流行的 Apple 设备：

【讨论】：

【解决方案2】：

您也可以将 Xcode 下载到您的 Mac 并使用 iPhone 模拟器。

【讨论】：

【解决方案3】：

您可以查看和使用他们的免费试用版browserstack、saucelabs 或 browser shots 我知道这是一个非常古老的问题，我回答得太晚了，今天有很多可用的选项，但可能有人会觉得这个有用。

【讨论】：

我刚去了browserstack模拟器。它说我有 10 分钟的免费试用时间。在 30 秒内，我选择了 iPhone。 10 秒后，它说我的免费试用期已过期，并为我提供了“升级”的机会。不用了！

【解决方案4】：

您可以使用 iOS 模拟器来执行此操作。您需要在 Safari 上启用“开发者模式”（首选项 -> 高级）。

然后在iOS模拟器中打开你要调试的网站。返回到 safari，在“开发”下，您将看到模拟器和 safari 上打开的选项卡。

如果您想测试实际设备，只需将其插入您的计算机，它也应该会显示在那里。

我就是这样做的。

【讨论】：

不确定创建此答案时 Safari 的版本。我在 Safari 11.1 的开发菜单中没有看到 iOS 模拟器，但有响应式设计模式。不幸的是，我公司的网站使用 cookie 用于移动/桌面视图，所以这无济于事。
@EricMajerus 是的，菜单选项已更改为反映 Chrome 的某些功能。但是，您可以连接启用了“Web Inspector”的 iOS 设备，并能够从您的 iOS 设备（而不是您的计算机）检查 DOM。要在您的设备中启用 Web Inspector，请打开 [设置] -> [Safari] -> [高级] 然后打开“Web Inspector”选项。完成后，用电缆将其插入计算机，它将出现在“开发”选项卡下。选择您在设备中打开的 Safari 选项卡之一，Safari 将显示 DOM。希望有帮助

【解决方案5】：

您可以考虑使用 BrowserStack：http://www.browserstack.com

虽然不是免费的，但相当便宜。它允许您在 iPhone 和 iPad、Android 以及各种桌面浏览器和操作系统上针对多个 iOS 版本进行测试。事实证明，仅进行此类测试对我的工作场所来说非常宝贵。

【讨论】：

【解决方案6】：

我主要使用这个网站

这个不错

还是最好在真机上测试..

希望这些信息对您有所帮助..

【讨论】：

它只包含一个加载页面的iframe。这样好吗？尝试输入“youtube.com”。例如，Youtube 不允许嵌入到 iframe 中。但是，请输入“stackoverflow.com”以查看发生了什么。 :-)
不只是手机，桌面也可以吗？
@John 它在我的 mac 机器上运行良好..
为什么你想要这样，有 Safari 浏览器，你可以在其中测试你的站点的 mac os x..
它实际上只是一个 iframe。它唯一“模拟”的是手机的宽度/高度，但您不会看到任何与 iOS-Safari 相关的错误。