在您的电脑上体验iPad UI

想要测试驱动器iPad,而不转向苹果商店? 这里有一种方法,您可以直接从您的浏览器体验一些iPad UI!

iPad是来自苹果的最新的小工具,以ow the科技世界,人们甚至整晚等待,成为第一个得到他们的手机之一。 然而,由于一个简单的JavaScript技巧,你可以感觉到它的一些新功能,而不离开你的计算机。 这不会让你尝试在iPad上的一切,但它会让你看到新的列表和弹出式菜单如何工作,就像他们在新的应用程序。

测试从您的浏览器驱动iPad的UI

通常,Apple iPhone开发库在线看起来像一个标准的网页。

图片

但是,在iPad上,它看起来和感觉像一个完整的本地iPad应用程序。 从一个漂亮的JavaScript的伎俩boredzo.org您可以使用此相同的界面在PC上。 由于iPad使用Safari浏览器,我们在Safari for Windows中运行此测试。 如果你还没有安装它,你可以从Apple( 以下链接 ),并设置下载正常。

图片

现在,打开Safari并浏览到Apple的开发者页面:

http://developer.apple.com

图片

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

javascript:localStorage.setItem(debugSawtooth, true)

图片

最后,单击此链接转到iPhone操作系统文档。

http://developer.apple.com/iphone/library/iPad/

经过短暂的延迟,它应该打开在完整的iPad风格!

图片

左侧菜单的工作原理就像iPad上的菜单,完成过渡。 它感觉完全像一个本机应用程序,而不是一个网页。 要滚动浏览文本,请点击并向上或向下拉,类似于在Touch屏上使用它的方式。

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

sshot-296

请注意,页面将根据浏览器的大小进行渲染,如果您调整窗口大小,则页面将不会调整大小。 只需按F5重新加载页面,它将调整大小以适应新的窗口大小。 如果你调整窗口的高度和狭窄,像iPad在水平模式,网页将改变,左侧菜单将消失,而不是下拉菜单,就像你旋转iPad。

sshot-300

这也适用于Chrome,因为它,像Safari,是基于Webkit。 然而,它似乎并不工作在我们的测试在Firefox或其他浏览器。

图片

我们以前介绍了如何通过在线iPhone用户指南体验一些iPhone的UI。 查看它,如果你还没有:

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

图片

结论

虽然这不让你真正尝试所有的iPad的界面,它至少给你一个如何工作的味道。 令人兴奋的是,看到有多少功能可以包装到webapps今天。 不要忘了,How-to Geek正在把一个iPad送给一个随机的粉丝! 转到我们的Facebook页面和粉丝如何如何,如果你还没有这样做。

在How-To Geek Facebook粉丝专页上赢了iPad

赞 (0)
分享到:更多 ()