Chrome Android 移除顶栏

Question

我正在尝试使网站应用程序在 Android 平板电脑 (4.2) 上运行，并且我希望它使用 Chrome 作为全屏显示的平台，因为默认的 Android webview 真的很糟糕。所以我想我必须包括

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

点击“添加到主屏幕”，使网站可在 Chrome 中全屏显示。但是当我打开这个全屏版本的网站时，顶部仍然有一个小的灰色细条显示 index.html 位置路径。它不是地址栏或导航栏，它只是在全屏模式下真正不应该存在的其他东西。有谁知道那个酒吧是什么以及如何摆脱它？

Answer 1

我刚刚在this page 上对其进行了测试，它对我有用，尽管当导航远离与添加到主屏幕的相同来源时，您会看到此栏。例如在演示中单击navigate away 将添加灰色条。

提示：添加http 并重定向到https 将被视为新来源。也可以导航到任何其他域。

作为旁注，我建议，现在（2015 年 12 月）推荐的解决方案是使用网络应用清单。 Web App manifest 描述了浏览器应该启动什么以及它应该如何从主屏幕启动它。您将需要创建一个清单文件（见下文）并从您的页面链接到它，并在您的 html 页面的头部。

示例（全屏启动索引页）：

{
  "short_name": "Kinlan's Amaze App",
  "name": "Kinlan's Amazing Application ++",
  "icons": [
    {
      "src": "launcher-icon-2x.png",
      "sizes": "96x96",
      "type": "image/png"
    },
    {
      "src": "launcher-icon-3x.png",
      "sizes": "144x144",
      "type": "image/png"
    },
    {
      "src": "launcher-icon-4x.png",
      "sizes": "192x192",
      "type": "image/png"
    }
  ],
  "start_url": "/index.html",
  "display": "standalone",
  "orientation": "landscape"
}