1.需要在mainfest.json plus對(duì)象里添加

"statusbar": {
		    "immersed": "true",
		    "style":"dark"
		}

2.新建immersed.js

注意 在里邊不適用plus,因?yàn)閜lus.ready之后再js改變樣式 必然造成頁(yè)面閃爍跳動(dòng)

(function(w){

document.addEventListener('plusready',function(){
	//console.log("Immersed-UserAgent: "+navigator.userAgent);
},false);

var immersed = 0;
var ms=(/Html5Plus/.+s(.*(Immersed/(d+.?d*).*))/gi).exec(navigator.userAgent);
if(ms&&ms.length>=3){
	immersed=parseFloat(ms[2]);
}
w.immersed=immersed;

if(!immersed){
	return;
}

	var t=document.getElementsByClassName('mui-bar-nav')[0];
	t&&(t.style.height=(t.offsetHeight+immersed-t.style.paddingTop)+'px',t.style.paddingTop=immersed+'px');
	var tt=document.getElementsByClassName('mui-content')[0];
	tt&&t&&(tt.style.marginTop=(tt.style.marginTop+immersed)+'px');
})(window);

　　這兒需要注意的是 h5+的api也可以獲取 例如

使用5+API

判斷當(dāng)前環(huán)境是否支持沉浸式狀態(tài)欄
plus.navigator.isImmersedStatusbar()
如果當(dāng)前支持沉浸式狀態(tài)欄則返回true，否則返回false。
獲取當(dāng)前系統(tǒng)狀態(tài)欄高度
plus.navigator.getStatusbarHeight()
獲取系統(tǒng)狀態(tài)欄高度，Number類型。
其單位是邏輯像素值，即css中可直接使用的像素值，可能存在小數(shù)點(diǎn)。

　　但是由于時(shí)機(jī)問(wèn)題還是推薦拿正則判斷,然后在需要的頁(yè)面引入此js即可

總結(jié)

以上是生活随笔為你收集整理的混合开发 h5+ 沉浸式的适配的全部?jī)?nèi)容，希望文章能夠幫你解決所遇到的問(wèn)題。

如果覺(jué)得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。