iPhone / iPad浏览器模拟器？

Question

我需要查看我的网页在Windows桌面上的iPhone和iPad上的显示效果。这可能吗？

快速搜索产生了一些iPhone测试网站，这看起来像我想要的。但是，当我与自己的iPhone进行比较时，它们非常不准确！我真的需要尽可能接近100％准确的东西。

XCode是否有100％准确的模拟器？我知道我需要一台Mac来运行XCode ......

Answer 1

Xcode附带的iPhone / iPad模拟器包括Safari。如果您在模拟器中运行Safari，您可以查看您的网站，它应该与在真实设备上显示的相同。这可能适用于一般布局测试。但由于它是一个模拟器，因此有可能不是每一个功能都与使用真正的iOS设备完全相同。

如果您正在撰写网站，并且需要验证它在给定设备上是否正常，那么您需要在该实际设备上测试您的网站。使用真实硬件进行测试是开展业务的一部分。

是的，你需要一台Mac来运行Xcode。

Answer 2

Chrome和Firefox现在都有内置模拟器。它们并不完美，但足够好，可以在实际设备上进行测试之前几乎完全可以使用。最好的部分是，如果您喜欢浏览器的开发人员工具（Chrome，Firefox），则可以在模拟时使用它们。

要获取模拟器：[Ctrl + Shift + M]并选择要模拟的设备。您可能必须刷新页面，尤其是如果您有任何依赖于在页面加载时执行的脚本的任何内容。

Internet Explorer也有设备模拟模式。 F12，然后是CTRL + 8。它不像Chrome移动设备模拟那么直接，但允许您模拟地理定位：

Answer 3

我使用的在线模拟器/模拟器

1）重新启动

精细模拟器 - 与 不同，将浏览器窗口调整为手机尺寸 - 与智能手机相同。不要混淆，你不能在Safari中编辑地址栏 - 只需打开deveolper工具（通常是F12）并重写iframe的源URL到你的。
链接：http://recombu.com/mobile/interactive/ios7-demo/

2）责任人

似乎像重新启动一样工作，但你可以通过文本输入直接打开网址，你可以放大/缩小。
链接：http://www.responsimulator.com/

3）幻化

这个似乎处理网页，但它模仿旧的iPhone - 有时仍然很方便。
链接：http://transmog.net/iphone-simulator/mobile-web-browser-emulator.php

X）google it / internet搜索

始终使用谷歌（或其他互联网搜索者）检查其他模拟器/模拟器和新版本。
链接示例谷歌搜索这个：
https://www.google.cz/search?q=online+iphone+emulator

浏览器设备模式

如果您打开浏览器的开发人员工具（在Chrome F12中），可能会有一个选项来切换设备模式（在Chrome中，它是左上角的小智能手机图标）。登记/>

选择此选项后，GUI将会更改并将提供选择要模拟的设备的选项（在Chrome中它位于顶部 - 选择选项＆＃34;设备＆＃34;），选择设备后，通常会建议刷新页面确保模拟器的准确性

Answer 4

目前我觉得最好的模拟器是https://app.crossbrowsertesting.com

它有真实的大小和虚拟键盘（这是最重要的事情），缩放事件......

同样https://appetize.io/demo有相同的东西，但它有时间限制。

Answer 5

你可以在Xcode的模拟器中运行safari，它应该准确地模拟iPad和iPhone。我听到好评的市场上另一件事是Ripple for chrome。

Answer 6

在实际设备上进行测试没有好的替代品。

真实设备具有更高的显示密度，这意味着像素更小。如果您不在真实设备上进行测试，您可能没有意识到您的设计包含太小而无法阅读的文字或太小而无法点按的按钮。

您用手指而不是鼠标使用真实设备。这意味着您的水龙头的准确性要低得多，而您敲击的内容会被手指遮挡。如果您不在真实设备上进行测试，您可能没有意识到您已在设计中引入了可用性问题。

Answer 7

iPad和iPhone的XCode does come with a simulator。

您也可以在iOS设备上使用Safari on OS X to debug websites。

Answer 8

我一直在使用Mobilizer，这是一个很棒的免费应用

目前它有Iphone4，Iphone5，三星Galaxt S3，诺基亚Lumia，Palm Pre，Blackberry Storm和HTC Evo的默认模拟。 简单直白有效。

Answer 9

您可以使用Chrome上的Ripple emulator。

Answer 10

我使用的是mobile-browser-emulator chrome插件，它有iphone设备类型。它实际上使用用户代理和基于响应页面呈现的设备大小