如何在安卓手机上隐藏网页地址栏？

Question

如何在安卓手机上隐藏网页地址栏？

androidjavascripthtml

19

可能是重复问题:
删除浏览器地址栏(在Android上查看)

我正在尝试在Android上运行一个基于Web的应用程序，并且我想在运行应用程序时隐藏网页地址栏。这可能吗？我该如何做？

- prateekraj

1

更好、更详细的答案/解释可以在这里找到。https://dev59.com/NG855IYBdhLWcg3w75Eu - worked

3个回答

13

你不需要使用JavaScript，Android浏览器是基于WebKit的。只需添加以下行：

<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=1" />
<meta name="apple-mobile-web-app-capable" content="yes" />
<meta name="apple-mobile-web-app-status-bar-style" content="black-translucent" />

将代码放在页面的<head>部分可以得到所需的结果。

- Fuzzy

4

只是想在这里补充一下Ryan Wheale在下面提到的评论：“您不能依赖@Fuzzy建议的“苹果”标签。虽然它可能曾经对某些Android设备有效，但它并未得到Android操作系统的官方支持。” - Antti Rytsölä

我还没有找到任何一种能够以理智的方式让苹果的标签与安卓系统正确匹配的方法。说实话，这似乎就像是一个猜谜游戏。请不要再提我们已经尝试过但从未奏效的显而易见的方法，而是寻找新的解决方案。 - John Drefahl

@Fuzzy - 你建议的苹果meta标签实际上防止了窗口滚动。 - AVProgrammer

@Fuzzy 你好。我在我的网站中使用了这段代码。我从iPhone/iPad的Safari应用程序中打开了我的网站，但Safari的URL和状态栏仍然可见。 :( 我想要的是，在Safari浏览器应用程序中打开我的网站时隐藏状态和URL栏。 - Kartik Domadiya

3

这仅适用于已安装到主屏幕的网络应用程序（在Safari中，点击底部的中间操作按钮，然后选择“添加到主屏幕”）。 - vit

1

你需要添加自己的 WebView。基础帮助在这里: http://developer.android.com/guide/tutorials/views/hello-webview.html 真的，不要忘记 shouldOverrideUrlLoading()，它将重定向你的 WebView 中的所有点击而不是默认浏览器。

- Shikiryu

网页内容由stack overflow 提供, 点击上面的

可以查看英文原文，
原文链接

- Mark B · Accepted Answer

在文档加载时执行此JavaScript将向下滚动浏览器，使地址栏不再显示：

window.scrollTo(0, 1);

如果不编写一个使用WebView在Android应用中显示您的Web应用程序的本机Android应用程序，那么这可能是您能得到的最好结果。

编辑：请注意，这仅适用于旧的默认Android浏览器。它无法在Chrome上运行。