H5+ API plusready的兼容

Android平臺提早注入5+ API,支持在plusready事件前調用css

在5+ Runtime環境中,一般狀況下須要html頁面解析完成後纔會注入5+ API,執行的順序爲:html

1. 加載html頁面html5

2. 解析html頁面(下載script/link等節點引用的資源,如js/css文件)網絡

3. 觸發DOMContentLoaded事件app

4. 注入5+ APIui

5. 觸發plusready事件spa

這樣致使5+ API生效時間比較延後,在html中引用js執行以後才能調用5+ API,一般採用如下代碼調用5+ API:code

document.addEventListener('plusready',function () { 
        // 在這裏調用5+ API 
        // 如獲取設備惟一標識 plus.device.uuid
},false); 

可是在新版本中,將支持提早注入5+ API,能夠在plusready事件觸發以前調用5+ API,提早引入節點:htm

<script src="html5plus://ready"></script>

兼容寫法:blog

if(window.plus){ 
    // 在這裏調用5+ API 
}else{// 兼容老版本的plusready事件 
    document.addEventListener('plusready',function () { 
        // 在這裏調用5+ API 
    },false); 
} 

注意1. 僅僅是提早注入5+ API,並不會提早觸發plusready事件(僅步驟4提早操做了)2. Android3.0及以上平臺才支持提早注入,Android2.*版本沒法提早注入3. 在流應用環境中的wap2app會自動提早注入(第一次引用網絡js時注入),不須要添加<script src="html5plus://ready"/>節點

相關文章
相關標籤/搜索