1

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

但是今天，当我在 iPhone 上打开 Facebook 的网络应用版本时，我的眼睛变大了！这个在任务管理器中以它自己的实例打开，它会填满整个屏幕，除了屏幕顶部的指示条。这是我喜欢的那种网络应用程序，我对它的工作原理非常感兴趣！但我尝试搜索，但找不到有关此功能的任何信息。

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

  1. 在 iPhone 上的 Safari 中访问 facebook.com 或更确切地说是http://touch.facebook.com/?w2m。
  2. 单击Safari底部栏中的中间按钮和“添加到主屏幕”
  3. 从主屏幕打开新的 Facebook 网络应用程序。

我以这种方式保存在主屏幕上的所有其他网络应用程序（例如不同的 Google 工具）都会在 Safari 的新选项卡中打开。但是 Facebook 在新实例中作为“独立”应用程序打开，并且没有 Safari“外壳”。

我知道可以编写文档的加载脚本以向下滚动，因此地址栏是“隐藏的”，但这不是 Facebook 所做的！

4

1 回答 1

4

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

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

其中有许多可让您设置状态栏样式、启动屏幕、主屏幕图标等。

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

于 2011-05-25T17:24:21.133 回答