在您的PC上体验iPad UI

想不去苹果专卖店试驾iPad吗?这里有一种方法,你可以直接从浏览器上体验一些iPad UI!

iPad是苹果公司令科技界惊叹的最新小玩意儿,人们甚至整夜排队,想成为第一批拿到iPad的人之一。然而,多亏了一个简单的JavaScript技巧,你不需要离开电脑就可以感受到它的一些新功能。这不会让你在iPad上尝试所有东西,但它会让你看到新的列表和弹出式菜单是如何工作的,就像他们在新应用程序中所做的那样。(这不会让你在iPad上尝试所有东西,但它会让你看到新的列表和弹出菜单是如何工作的,就像他们在新的应用程序中所做的那样。)

在浏览器中测试iPad的用户界面

正常情况下,苹果iPhone开发人员在线图书馆看起来就像一个标准的网页。

但是,在iPad上,它看起来和感觉上都像是一个成熟的原生iPad应用程序。通过boredzo.org提供的一个巧妙的JavaScript技巧,你可以在你的电脑上使用这个界面。因为iPad使用的是Safari浏览器,所以我们在Safari for Windows中运行了这项测试。如果你还没有安装,你可以从苹果公司下载(下面的链接),然后照常安装。

现在,打开Safari并浏览到Apple的开发人员页面,网址为:

现在,在地址栏中输入以下内容,然后按Enter键。

最后,单击此链接转到iPhone OS文档。

在短暂的延迟之后,它应该会以完整的iPad风格打开!

左侧菜单的工作方式与iPad上的菜单一样,带有过渡。它感觉完全像是本机应用程序,而不是网页。要滚动文本,请单击并向上或向下拖动,类似于在触摸屏上使用它的方式。

一些页面甚至包括弹出菜单,就像许多新的iPad应用程序使用的那样。

请注意,页面将根据浏览器的大小呈现,如果您调整窗口大小,页面不会随之调整大小。*只需按F5键重新加载页面,页面大小就会调整以适应新的窗口大小。*如果您将窗口大小调整为又高又窄,就像在水平模式下的iPad一样,网页将更改,左侧菜单将消失,而不是下拉菜单,就像旋转iPad一样。

这在Chrome上也适用,因为它和Safari一样,都是基于Webkit的。但是,在我们对Firefox或其他浏览器的测试中,它似乎不起作用。

我们之前已经介绍了如何使用在线iPhone用户指南体验iPhone的一些用户界面。如果您还没有,请查看以下内容:

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

结束 / 结尾 / 结论 / 推论

虽然这并不能让你真正体验iPad的所有界面,但它至少让你尝到了它是如何工作的。看到今天网络应用程序中可以集成多少功能是令人兴奋的。别忘了,How-to Geek正在向一个随机的粉丝赠送一台iPad!如果你还没有这样做,那就去我们的Facebook页面,向Geek粉丝How-to吧。

在How-to Geek Facebook粉丝页面上赢得一台iPad

相关文章