沉浸式状态栏html5实现,MIUI 6 沉浸式状态栏调用方法

要在网页中实现沉浸式状态栏，可以使用HTML5的全屏API。通过调用全屏API，可以让网页全屏显示，并隐藏系统状态栏，从而实现沉浸式效果。

具体实现步骤如下：

1. 在网页头部添加以下代码，声明使用全屏API：

<meta name="viewport" content="width=device-width,initial-scale=1.0,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no" />

2. 在网页中添加全屏按钮，点击按钮时调用全屏API：

<button onclick="requestFullScreen()">全屏</button>

3. 在JavaScript中编写requestFullScreen函数，调用全屏API：

function requestFullScreen() {
    var element = document.documentElement; //获取整个页面元素
    if (element.requestFullscreen) {
        element.requestFullscreen(); //W3C标准
    } else if (element.webkitRequestFullScreen) {
        element.webkitRequestFullScreen(); //Chrome、Safari
    } else if (element.mozRequestFullScreen) {
        element.mozRequestFullScreen(); //Firefox
    } else if (element.msRequestFullscreen) {
        element.msRequestFullscreen(); //IE/Edge
    }
}

这样，在点击全屏按钮时，网页将会全屏显示，并隐藏系统状态栏，实现沉浸式效果。

至于MIUI 6 沉浸式状态栏的调用方法，可以参考MIUI官方文档，根据具体需求选择相应的API进行调用。