2012-05-16 44 views
7

我制作了一个在我的电脑上正常工作的网站(通过所有现代浏览器)。有人报告说它不适用于Safari移动。我如何在Safari移动中检查我的网站工作?

我试图从Safari浏览器看到这使得我看起来像我想要的一样。

我已经看过他们的屏幕截图,并且觉得我的用户界面出了问题。有人可以知道我如何从我的电脑(窗口)检查外观。

我如何从我的电脑上测试我的网站Safari移动版。

回答

0

检查了这一点:http://webtide.wordpress.com/2009/09/14/how-to-test-websites-for-mobile-devices/

你将需要:

Safari浏览器测试为iPhone/iPod Touch的:

打开Safari和去首选项(编辑 - >首选项)。
在高级选项卡下,确保选中“在菜单栏中显示显示菜单”。 在菜单中点击Develop-> User Agent-> Mobile Safari 3.0浏览到 您的网站并开始测试!

+0

2-3年前写的文章。他们对这个帖子是否有更新? – user1377045

2

点击顶部菜单上的“开发”,然后点击“用户代理”并选择您的设备...并导航到您的网站。

+3

此答案在所有情况下都不起作用。我目前有一个这样的例子要解决。 – nrod

+1

这只是使页面变小,但它不能像Chrome一样启用触摸模拟。我们如何模仿触摸(没有鼠标指针)? – trusktr

1

Chrome Developer Tools有设备仿真。

+3

Chrome开发工具无法正确模拟Safari浏览器的行为。我已经测试了几页,并且它们在Chrome Dev Tools(例如模拟iPhone 5)中看起来很完美,但在iPhones/iPad/Mac上看起来很难看。 –

+1

它模拟屏幕大小,而不是操作系统。 – neuronet

2

您实际上可以在您的计算机中下载并安装Safari,然后使用所有适用于手机的Safari浏览器版本检查您的网站。在菜单栏中选择首选项 - >高级 - >显示开发者菜单。

最后,右键单击您的网站,然后用户代理 - >然后选择您想要的Safari浏览器版本。 Check this link for further information