Facebook iphone版作为iOS外野生动物园的应用程序?

时间:2011-05-25 17:14:46

标签: javascript iphone html mobile-safari iphone-standalone-web-app

我不喜欢iPhone的网络应用程序,因为它们必须在Safari实例中运行并且底部有Safari工具栏。

但今天当我在iPhone上打开网络应用程序版本的Facebook时,我的目光很大!这个在自己的实例中在任务管理器中打开,它填满整个屏幕,除了屏幕顶部的指示条。这是我喜欢的那种网络应用程序,我真的很感兴趣它是如何工作的!但我试图搜索,我找不到有关此功能的任何信息。

要重建我正在谈论的Facebook网络应用程序:

  1. 在iPhone上的Safari中访问facebook.com或更准确地http://touch.facebook.com/?w2m
  2. 单击Safari底部栏中的中间按钮和“添加到主屏幕”
  3. 从主屏幕打开新的Facebook网络应用程序。
  4. 我在主屏幕上以这种方式保存的所有其他网络应用(例如,不同的Google工具)都会在Safari的新标签页中打开。但Facebook在一个新实例中打开了一个“独立”应用程序,并且没有Safari“shell”。

    我知道可以编写文档的onload来向下滚动以便地址栏被“隐藏”,但这不是Facebook所做的!

1 个答案:

答案 0 :(得分:4)

这是使用特定元标记完成的。

<meta name="apple-mobile-web-app-capable" content="yes" />

有许多这些可让您设置状态栏样式,启动画面,主屏幕图标等。

请注意 - 像这样的独立网络应用程序中的JavaScript性能明显更差,考虑到没有后退按钮,您必须小心用户体验。