我想在 Android 上以全屏模式运行我用 HTML5 编程的 Web 应用程序。 （隐藏状态栏和地址/导航栏）
对于 iOS 你只写：
<meta name="apple-mobile-web-app-capable" content="yes" />
<meta name="viewport" content="width=device-width, initial-scale=1.0">
但这在 Android 上不起作用。
Javascript 有很多解决方案，但我尝试过的所有解决方案都不起作用。
有人知道解决办法吗？
【问题讨论】：
标签： javascript android html web-applications
我认为你不会找到一个全局解决方案，因为不是每个人都使用默认的 android 网络浏览器（例如，我更喜欢 dolphin）。
面对这个事实，你需要尝试每一个肮脏的 javascript hack 来强制这种行为。
这适用于苹果设备的唯一原因是苹果在开发自定义浏览器方面非常严格，每个人都坚持使用默认应用。
【讨论】：
从 Android 端和 对于低于蜂窝的版本，这应该使用：
Window w = getWindow();
w.addFlags(WindowManager.LayoutParams.FLAG_FULLSCREEN);
w.clearFlags(WindowManager.LayoutParams.FLAG_FORCE_NOT_FULLSCREEN);
如果 Android 浏览器在读取元信息时没有做类似的事情，我会尝试查看 phonegap 以检查他们是否解决了这个问题。
【讨论】：
<meta name="apple-mobile-web-app-capable" content="yes" />
此标签旨在在您将网站添加到 iPhone 的主屏幕后显示无边框环境。
我不会依赖它来为 android 工作。
要在页面加载后让浏览器栏滚动到一边，请参阅以下问题的答案： Removing address bar from browser (to view on Android)
【讨论】：
此代码可能会有所帮助...
public void onCreate(Bundle savedInstanceState) {
requestWindowFeature(Window.FEATURE_NO_TITLE); --> hide the Top Android Bar.
super.onCreate(savedInstanceState);
setContentView(R.layout.main);
【讨论】：
我混合使用了适用于 iOS 的 HTML 元标记和 JavaScript 解决方案。 它带走了 iOS 和 android 设备上的地址栏。它不会去掉 iOS 上的底部栏，因为它只会在用户将网页作为 HTML5 应用程序安装在他的主屏幕上时消失。
<meta name="apple-mobile-web-app-capable" content="yes" />
<meta name="viewport" content="user-scalable=no, width=device-width, initial-scale=1.0, maximum-scale=1.0"/>
<script type='text/javascript' charset='utf-8'>
// Hides mobile browser's address bar when page is done loading.
window.addEventListener('load', function(e) {
setTimeout(function() { window.scrollTo(0, 1); }, 1);
}, false);
</script>
我在后端使用 PHP 仅渲染用于移动浏览器的 JavaScript，并带有以下移动浏览器检测
if (preg_match('/iphone|ipod|android/',strtolower($_SERVER['HTTP_USER_AGENT'])))
【讨论】：
这对我来说适用于 Android 版 Chrome。
将此添加到头部标签：
<meta name="mobile-web-app-capable" content="yes">
然后在 chrome 浏览器菜单中，转到添加到主页。此图标现在将全屏打开您的网站。
【讨论】：
根据 Google 的指示
自 Chrome M31 起，您可以将您的网络应用设置为拥有一个应用 快捷方式图标添加到设备的主屏幕，并启动应用程序 在全屏“应用模式”中使用 Chrome for Android 的“添加到 主屏幕”菜单项。
见https://developer.chrome.com/multidevice/android/installtohomescreen
【讨论】：
您可以通过谷歌新的渐进式网络应用程序添加服务工作者来实现这一点。看看这里：https://addyosmani.com/blog/getting-started-with-progressive-web-apps/ 和 https://developers.google.com/web/progressive-web-apps/。
您可以在主屏幕中为您的 web 应用添加图标，获得全屏，可以使用推送通知等。
【讨论】：