不要在沒有plus和mui的環境下調用相關API,普通瀏覽器里沒有plus環境,只有HBuilder真機運行和打包后才能運行plus api。
在普通瀏覽器里運行時plus api時控制臺必然會輸出plus is not defined錯誤提示。
mui作為一個前端框架,你必須保證當前頁面引入了mui.js。否則也會出現mui is not defined。
不要在plus和mui未完成初始化時調用相關API,就像在dom初始化完成前(DOMContentLoaded)去操作dom,就會報錯是一樣的道理。
plus和mui都需要初始化,在初始化完成后調用再調用。
一般我們在plusready的回調事件里調用plus api。
document.addEventListener('plusready',function () {
// 在這里調用plus api
},false);
執行更高效的寫法是這樣,如果plus已經存在,就直接使用
function plusReady(){
// 在這里調用plus api
}
if(window.plus){
plusReady();
}else{
document.addEventListener('plusready',plusReady,false);
}
mui框架對此進行了封裝,寫法更簡單:
mui.plusReady(function(){
// 在這里調用plus api
});
事實上,mui作為一個框架,也有初始化的過程,但mui的初始化過程在DOMContentLoaded完畢后就結束了。
mui ready的寫法是這樣,但一般無需使用。
mui.ready(function () {
})
關于加載順序
在瀏覽器里的常規加載順序是DOMContentLoaded、onload。
plus的ready是異步的,所以不一定在DOMContentLoaded之前或之后,但一般在onload之前。
而mui的ready一般伴隨DOMContentLoaded而完成。
詳細的啟動時序參考這里:http://ask.dcloud.net.cn/article/571