Windows下的iPhone浏览器模拟器？

Question

注意：这是一个关于在 iPhone 上模拟浏览器的问题，而不是整个设备的模拟。我知道在 Windows 上无法模拟 iPhone 设备，详见此处。

我有一个网站，在 iPhone 上查看时看起来非常奇怪 - 这似乎是某种 CSS 问题。

当我在 Safari for Windows（或任何其他 Windows 浏览器）中查看该网站时，不会出现相同的问题。

因此，是否有任何优秀的 iPhone 浏览器模拟器可在 Windows 上运行？即以与 iPhone 浏览器相同的方式呈现网站。

如果有一些详细检查 CSS 的方法，就像 Chrome 的“检查元素”开发人员功能一样，则加分。

编辑：对于好奇的人，我正在尝试解决的呈现问题在此处描述：CSS 背景图像在 iPhone 上呈现不同。

- codeulike

Answer 1

如果在Safari 5中设置了首选项>高级设置下的开发者菜单项，你就可以模拟iPhone用户代理。Safari 5中的Webkit引擎类似于iPhone的浏览器，因此大部分HTML 5内容的工作方式相同。额外的好处是，开发者标签页允许你调试JavaScript和一些CSS（支持不太好）。

- Robert Redmond

---

很有意思。是的，它让我设置用户代理字符串，以便浏览器假装成 iPhone。不过渲染引擎似乎仍然有些微小的差别。 - codeulike

是的，它的行为可能会略有不同，但即使是Mac上的iPhone模拟器，其行为也与实际手机不同。我在iPhone和Safari 5上做了一些HTML5开发工作，如果考虑到您的PC与手机之间巨大的性能差异，Safari 5足够接近。 - Robert Redmond

Safari for Windows已经停止支持，你有什么新的推荐？ - Dr. Jan-Philip Gehrcke

这不是完全准确的视角，它有着完全不同的观点。一些问题在真实手机上出现，而在桌面浏览器中使用用户代理则不存在。 - user1816910

它只改变窗口大小，不会影响CSS引擎的模拟。 - Ali Azhar

Answer 2

我尝试了所有提到的选项，但不喜欢它们（基本上是因为它们不显示平台特定组件，这对于演示目的很有趣）。

如果您有类似的需求，我建议使用http://www.browserstack.com/

不幸的是，它不是免费的。

- Igor Andrade

Answer 3

[我知道这个问题已经很久了，但也许我的答案可以帮助遇到相同问题的人...]

我发现Google Canary浏览器的模拟器在Windows机器上测试浏览器兼容性问题方面是最好和最快的之一。

它甚至模拟了iPhone的2x设备像素比。

一定要试一试，看看它是否会重现你的问题：

http://www.google.co.in/intl/en/chrome/browser/canary.html

要尝试模拟，请按F12，在通常的开发工具行下面，您将看到第二行，如此屏幕截图所示...

此外，它还渲染了许多流行的设备浏览器...

希望这能有所帮助。

- Amod

---

这并没有帮助，它根本不像 iPhone，它只是改变了分辨率。这可能对 Android 上的 Chrome 有用，但对 iPhone 来说毫无用处。 - nights

原始问题要求进行“模拟”，而不是“仿真”。请查阅区别... 除非苹果公司发布相关内容，否则几乎不可能对iPhone进行“仿真”...我们所拥有的只是“模拟”。 - Amod

改变“iPhone 模拟器”的分辨率有些困难。 - nights

Answer 4

我来回答：

Blackbaud实验室有一个基于Abode Air的开源iPhone浏览器模拟器，链接如下：

编辑：新链接：ibbdemo2
（点击下载链接获取.air二进制文件，需要安装Adobe Air）

不幸的是，它并没有复制我的特定问题，所以渲染方式可能有所不同。

- codeulike

---

根据我的经验，Electric Plum Electric Mobile Simulator（ibbdemo2的新品牌）对媒体查询的响应与真实的iPhone不同。具体来说，它无法正确识别其max-device-width。 - Pat James

Answer 5

试试这些。我在Chrome中尝试过，我访问的网站加载了非iPhone版本。也许Safari会更好。

http://www.testiphone.com

http://iphonetester.com

更新：经过进一步的研究，看起来这些只是限制屏幕大小，并没有使用iOS Safari渲染引擎。

- Mike Ohlsen

---

谢谢，至少我知道该从我的询问中排除它们 :) - codeulike

啊！这里有三个模拟器，但是它们都不起作用！我正在尝试构建一个响应式网站。它使用媒体查询来根据浏览器窗口大小改变屏幕布局。当我在这些“模拟器”中查看我的应用程序时，它们看起来完全符合我的要求。太好了，庆祝一下。但是...我尝试使用两个iPhone查看完全相同的网页——一个iPhone 4和一个5——但是两者看起来与模拟器完全不同。两者都对媒体查询做出了完全不同的响应。 - Jay

这是停车页面的链接。 - Amit Shah