注意:这是关于在iPhone上模拟浏览器而不是模拟整个设备的问题。我知道在Windows上无法进行iPhone设备模拟,如discussed at length here。
我有一个在iPhone上查看时看起来很奇怪的网站 - 它的某种CSS问题。
当我在Safari for Windows(或任何其他Windows浏览器)中查看该网站时,不会发生同样的问题。
那么,有没有在Windows上运行的好的浏览器模拟器?即以与iPhone浏览器相同的方式呈现网站。
奖励分数,如果有一些方法可以详细检查CSS,就像Chrome的“检查元素”开发人员功能一样。
编辑:对于好奇,我试图解决的渲染问题在这里描述:CSS background image rendering differently on iPhone
答案 0 :(得分:29)
如果在“首选项”>“高级”中设置“开发人员”菜单项,则可以在Safari 5中模拟iPhone用户代理。 Safari 5中的webkit引擎类似于iPhone的浏览器,因此大多数HTML 5的东西都是一样的。作为奖励,Developer's选项卡允许您调试JavaScript和一些CSS(不太受支持)。
答案 1 :(得分:6)
我尝试了所有提到的选项并且不喜欢它们(主要是因为它们没有显示特定于平台的组件,这对于演示目的很有用。)
如果这适用于你们,我建议你http://www.browserstack.com/
不幸的是,这不是免费的。
答案 2 :(得分:3)
[我知道这个问题现在已经很老了,但也许我的答案可能会帮助人们进入相同的查询......]
我发现Google Canary浏览器的模拟器是测试Windows机器上浏览器兼容性问题的最佳和最快的模拟器之一。
它甚至可以模拟iphone的2倍设备像素比率。
一定要试一试,看看它是否能重现您的问题:
http://www.google.co.in/intl/en/chrome/browser/canary.html
要试用仿真,点击F12并低于通常的开发工具行,你会看到第二行,就像在这个截图中一样......
另外,它还提供了许多流行的设备浏览器......
希望这有帮助。
答案 3 :(得分:2)
我将从答案开始:
Blackbaud实验室在这里有一个开源的,Abode Air驱动的iPhone浏览器:
编辑:新链接:ibbdemo2
(转到下载链接以获取.air二进制文件。您需要安装Adobe Air)
不幸的是,它不会重现我的特定问题,所以它必须以不同的方式呈现。
答案 4 :(得分:2)
试试这些。我在chrome中试过这个,我访问的网站加载了非iPhone版本。也许野生动物园会更好。
更新:经过进一步研究,看起来这些只是限制了屏幕尺寸,并且不使用iOS Safari渲染引擎。