Chrome Android删除顶部栏

Question

我试图让网站应用在Android平板电脑上运行（4.2），我希望它能够将Chrome用作全屏显示的平台，因为默认的Android webview非常糟糕。所以我发现我必须包括

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

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

Answer 1

我刚刚在this page上对它进行了测试，它对我有用，但是当导航远离与添加到主屏幕的原点相同时，你会得到此栏。例如，单击演示中的navigate away将添加灰色条。

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

作为附注，我建议，现在（2015年12月）推荐的解决方案是使用Web应用程序清单。 Web App清单描述了浏览器应该启动什么以及它应该如何从主屏幕启动它。您需要创建一个清单文件（见下文），并在您的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"
}