使用Safari 4开发人员工具在Windows中查看移动网站

想要在您的PC上尝试为iPhone和其他移动设备设计的移动网站吗?Windows版的Safari 4让您可以使用其开发人员工具轻松完成此任务。

默认情况下,Safari会显示标准的桌面网站,但只需进行简单的更改,就可以将其切换为iPhone或iPod Touch上的Safari Mobile一样的工作方式。

开始

首先确保您安装了Safari 4 for Windows。您可以直接下载Safari(下面的链接)并照常安装。

或者,如果您已经安装了另一个Apple程序,如QuickTime或iTunes,那么您可以从Apple Software update安装它。只需在开始菜单搜索框中输入Apple Software update即可。

然后从可用的新软件列表中选择Safari 4。单击安装可自动下载并安装Safari。

接受许可协议,然后Safari将自动安装。

一旦完成,Safari就可以使用了。

在Safari中查看移动站点

单击“高级”选项卡,然后选中“在菜单栏中显示开发菜单”的复选框。

关闭设置框后,单击页面图标,选择开发,然后选择用户代理,然后选择其中一个Mobile Safari设置。在我们的测试中,我们选择了Mobile Safari 3.1.2-iPhone。

为了让您的浏览器更好地模拟移动设备,您可以隐藏书签和选项卡栏,以获得更流畅的界面。

单击Gear图标,选择“隐藏书签栏”,然后重复并单击“隐藏选项卡栏”。

你也可以缩小你的窗口以接近移动设备屏幕的大小。一旦你做完这些事情,Safari看起来应该类似于这个屏幕截图。现在我们已经加载了Google.com,你可以在它的iPhone风格的界面中看到它。

只需在地址栏中输入任何网站,它就会加载到移动界面(如果有的话)。这里是谷歌的其他移动服务,就在Windows中。

Gmail使用默认的iPhone界面加载消息。

一个特别有趣的移动网站是苹果的在线iPhone用户指南。当在Safari中加载iPhone设置时,它加载了一个非常漂亮的移动UI,就像iPhone应用程序一样。事实上,你甚至可以点击和拖动来滚动,就像你用手指在iPhone上一样。

结束 / 结尾 / 结论 / 推论

即使你没有智能手机,你仍然可以用这个技巧预览网站的外观。当然,并不是所有的网站都可以工作,但是使用不同的移动版本的网站是很有趣的。

链接:

Safari 4下载

Apple iPhone在线用户指南

相关文章