iPhone / iPad浏览器模拟器？[关闭]

76

我需要查看Windows桌面上iPhone和iPad上的网页外观。这可能吗？

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

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

iphone  ios  xcode  ipad  ios-simulator 
— 在。
source

Answers:

45

Xcode随附的iPhone / iPad模拟器包括Safari。如果您在模拟器中运行Safari，则可以查看您的网站，它的外观应与真实设备上的外观相同。这可能适用于常规布局测试。但是由于它是模拟器，所以可能并非每一个功能都与使用真实的iOS设备完全相同。

如果您正在编写网站，并且需要验证该网站在给定设备上看起来是否正确，则需要在该实际设备上测试您的网站。使用真实的硬件进行测试是开展业务的一部分。

是的，您需要一台Mac才能运行Xcode。

— rmaddy
source
5
我有一个后续问题。我的移动网络应用程序中存在css布局问题...仅可在iOS设备上复制。在线iPhone模拟器不会复制它。不幸的是，从iPhone Safari浏览器调试css问题几乎是不可能的（我认为）。你有什么建议吗？
— 卡梅隆·阿瑟
19
“是的，您需要一台Mac才能运行Xcode。” -或google“ iatkos virtualbox”
— TvdH 2014年
4
您可以在OSX上通过Safari浏览网页：“开发”菜单-> iOS模拟器->获利
— Harrison Powers
“使用真实的硬件进行测试是开展业务的一部分。” <-完全同意../（·_·）\
— p.phidot_
“使用真实的硬件进行测试是开展业务的一部分。” -只有在找到更好的解决方案之前，我认为这才是问题的重点。毕竟，有仿真器已经在那里
— OG肖恩·
30

这两种浏览器和火狐现在已经内置模拟器。它们并不完美，但是足够好，可以在实际设备上进行测试之前为您提供几乎所有方法。最好的部分是，如果您喜欢浏览器的开发人员工具（Chrome，Firefox），则可以在仿真时使用它们。

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

Google Chrome仿真模式

Internet Explorer还具有设备仿真模式。F12，然后按CTRL + 8。它不像Chrome移动设备仿真那么直接，但是可以模拟地理位置：

Internet Explorer仿真模式

— 吉米尼
source
5
该模拟器似乎大部分用于布局，但是它愿意播放一些HTML5音频，而我无法播放任何真正的iOS设备。所以：YMMV。
— skybondsor 2014年
28
Chrome模拟器似乎有很多选择，但是我几乎没有运气过，甚至无法正确模拟iOS浏览器。不过，我大部分使用它的地方是画布，所以YMMV。
— FreeAsInBeer 2014年
6
这远非完美。例如，较旧的iOS设备支持有问题的视口单元，但即使该错误在较旧的iPad和iPhone上清晰可见，我也无法在模拟器中重现该问题。
— 2015年
53
这不是模拟器。这只是使用chrome引擎的调整大小/触摸效果。
— Cerbrus
21
由于这个问题不对，请停止投票！响应式设计模式不是仿真！
— Wancieho
24

EDIT 2020：大多数这些基本上只是为了测试分辨率的东西，其中有些甚至已经过时了，可悲的是，移动浏览器的开发与台式机（特别是在Apple中）一起横盘整理，因此，人们不能真正将这些作为“模拟”真实的手机提到评论。

为了模拟真实的电话，通常最好的选择是下载一个桌面应用程序，对于Windows，通常是付费/免费的，在Mac上仅使用Xcode（但我怀疑Mac的人们正在寻找这个Q / A）。

我最近发现的Freemium在线易用易用版是Appetize.io，它似乎确实可以根据网络渲染屏幕，但是老实说，我并没有真正研究它是否具有与真正的iOS相同的功能以及是否缺少某些功能。

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

1）重组

精细模拟器-与将浏览器窗口大小调整为手机尺寸不同，其作用与智能手机相同。不要为您无法在野生动物园中编辑地址栏而感到困惑-只需打开开发工具（通常为F12）并将iframe的源URL重写为您的URL即可。
链接：http：//recombu.com/mobile/interactive/ios7-demo/

2）响应器

似乎像recombu一样工作，但是您可以通过文本输入直接打开url，也可以放大/缩小。
链接：http：//www.responsimulator.com/

3）变形

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

X）谷歌搜索/互联网搜索

始终使用Google（或其他Internet搜索器）检查其他模拟器/模拟器和新版本。
与此示例的Google搜索链接相关：https：
//www.google.cz/search？q = online + iphone + emulator

浏览器设备模式

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

选择此选项后，GUI将会更改，并提供选择要模拟的设备的选项（在Chrome中位于顶部-选择选项“设备”），选择设备后，通常建议刷新页面以确保模拟器的准确性。
chrome设备模式-设备选择选项

— jave.web
source
9
当您
— 投反对票
8
测试分辨率很好，但是不能模拟真实的设备。libs / frameworks对于浏览器和移动电话的行为有所不同，有时您的网站根本无法工作-就是有所不同
— Ricky Levi
我在这里遇到过的最好的信息研究文章之一..保持它！.. [^ _ ^] /
— p._phidot_
这些都不是有效的仿真器。
— Marc Compte
3

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

— j_mcnally
source
2

没有什么可以替代在实际设备上进行测试的。

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

您用手指而不是鼠标使用真实的设备。这意味着敲击的准确性要低得多，而手指所遮盖的敲击声却被遮住了。如果您没有在真实的设备上进行测试，那么您可能不会意识到自己已经在设计中引入了可用性问题。

— 吉姆
source
1
这是有争议的。如果您进行布局测试，字体行高，字体渲染或不依赖于交互作用或屏幕密度的更改，那么模拟器可提供一种更快的方法来测试这些类型的功能。您在此评论中所做的假设。
— 马修·卓
4
在我的经验中，对于那些没有在真实设备上进行测试的设计师，他们期望自己的设计看上去比实际尺寸更大，这是非常普遍的。为了获得预期的行高等，您需要在设备上进行测试。无论如何，他问如何测试网页，而不是如何测试没人会与之交互的东西。您与网页进行交互。如果您需要测试网页，则需要测试这些内容。
— 2014年
0

我一直在使用Mobilizer，这太棒了免费应用

当前，它具有针对Iphone4，Iphone5，Samsung Galaxt S3，Nokia Lumia，Palm Pre，Blackberry Storm和HTC Evo的默认仿真。简单直接有效。

— pal4life
source
By using our site, you acknowledge that you have read and understand our Cookie Policy and Privacy Policy.
Licensed under cc by-sa 3.0 with attribution required.