iPhone/iPad浏览器模拟器？
at.*_*at. 71 iphone xcode ipad ios ios-simulator
我需要看看我的网页在我的Windows桌面上如何在iPhone和iPad上查看.这可能吗？
快速搜索产生了一些iPhone测试网站,这似乎是我想要的.但是,当我与自己的iPhone进行比较时,它们非常不准确!我真的需要尽可能接近100%准确的东西.
XCode有一个100%准确的模拟器吗？我知道我需要一台Mac来运行XCode ......
rma*_*ddy 43
Xcode附带的iPhone/iPad模拟器包括Safari.如果您在模拟器中运行Safari,您可以查看您的网站,它应该与在真实设备上显示的相同.这可能适用于一般布局测试.但由于它是一个模拟器,因此有可能不是每一个功能都与使用真正的iOS设备完全相同.
如果您正在编写网站,并且需要验证它在给定设备上是否正常,那么您需要在该实际设备上测试您的网站.使用真实硬件进行测试是开展业务的一部分.
是的,你需要一台Mac才能运行Xcode.
- "是的,你需要一台Mac来运行Xcode." - 或谷歌"iatkos virtualbox" (18认同)
- 我有一个后续问题.我的移动网络应用程序上有一个css布局问题...只能在iOS设备上重现.在线iPhone模拟器不会重现它.不幸的是,从你的iPhone Safari浏览器调试css问题几乎是不可能的(我认为).你有什么建议吗？ (5认同)
- 您可以在OSX上通过Safari检查网页:开发菜单 - > iOS模拟器 - >利润 (4认同)
- “使用真实硬件进行测试是开展业务的代价之一。” - 直到出现更好的解决方案，我认为这就是问题的重点。毕竟已经有模拟器了 (4认同)
jim*_*iny 34
这两种浏览器和火狐现在已经内置模拟器.它们并不完美,但足够好,可以在实际设备上进行测试之前几乎完全可以使用.最好的部分是如果你喜欢浏览器的开发者工具(Chrome,Firefox),你可以在模拟时使用它们.
要获取模拟器:[Ctrl + Shift + M]并选择要模拟的设备.您可能必须刷新页面,尤其是如果您有任何依赖于在页面加载时执行的脚本的内容.
Internet Explorer还具有设备模拟模式.F12,然后是CTRL + 8.它不像Chrome移动设备模拟那么直接,但允许您模拟地理位置:
- Chrome模拟器似乎有很多选择,但即使接近正确模拟iOS浏览器,我也从来没有运气.我使用它的大多数都是用画布,所以YMMV. (27认同)
- 这不是_emulator_.这只是一个使用chrome引擎的调整大小/触摸. (26认同)
- 因为它错了所以请停止投票这个问题!响应式设计模式不是仿真! (10认同)
- 这远非完美.例如,较旧的iOS设备有[错误的视口单元支持](https://github.com/scottjehl/Device-Bugs/issues/36),但我无法在模拟器中重现该问题,即使在较旧的iPad和iPhone上清晰可见该错误. (5认同)
- 模拟器似乎主要用于布局,但它自愿播放一些HTML5音频,我无法使用任何真正的iOS设备.所以:YMMV. (4认同)
- 这个模拟器实际上不能完全正常工作，因为Chrome浏览器比iOS Safari浏览器好得多。许多错误仍然隐藏。 (2认同)
- 它不是模拟器-它仅使用您安装的Chrome并调整屏幕尺寸。您可以“模拟”页面在移动设备上的外观，但不能“模拟”页面的行为。意味着iOS的Chrome应用在呈现HTML / CSS或执行Javascript方面可能有所不同 (2认同)
jav*_*web 20
我使用的在线模拟器/模拟器
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 + download +emulator
浏览器设备模式
如果您打开浏览器的开发人员工具(在Chrome F12中),可能会有一个选项来切换设备模式(在Chrome中它是左上角的小智能手机图标).
选择此选项后,GUI将更改并将提供选择要模拟的设备的选项(在Chrome中它位于顶部 - 选择选项"设备"),选择设备后,通常建议刷新页面以确保模拟器的准确性.
- 当你downvote请评论:)每个人都有一个改进的空间:) (8认同)
- 测试分辨率很好,但无法模拟真实设备.libs/frameworks对于浏览器和移动电话来说表现不同,有时你的网站根本不起作用 - 它就是那么不同 (7认同)
- 这是我在这里遇到过的最好的信息研究帖子之一..继续努力！.. \[^_^]/ (2认同)
现在我觉得最好的模拟器是https://app.crossbrowsertesting.com
它有真实的大小和虚拟键盘(这是最重要的事情),缩放事件......
另外https://appetize.io/demo有相同的东西,但它有时间限制.
| 归档时间： |
|
| 查看次数： |
183750 次 |
| 最近记录： |