1. ホーム
  2. Web制作
  3. html5

HTML5+ API plusreadyの互換性問題について

2022-01-11 18:55:25

Android プラットフォームでは、5+ API を事前に注入し、plusready イベントの前に呼び出すことをサポートしています。

5+ Runtime 環境では、通常、html ページが解析された後に 5+ API が注入され、その実行順序は次のとおりである。

1. htmlページの読み込み

2. htmlページの解析(script/linkなどのノードから参照されるリソース、例えばjs/cssファイルなどのダウンロード)

3. DOMContentLoadedイベントの発生

4. 5+のAPIをインジェクトする

5. プラスレディイベントのトリガー

これにより、5+ APIは遅延され、5+ APIはhtml参照でjsが実行された後にのみ呼び出すことができ、通常以下のようなコードになります。

document.addEventListener('plusready',function () { 
        // Call the 5+ API here 
        // e.g. get the unique device identifier plus.device.uuid
},false); 

しかし、新バージョンでは、5+ APIの事前注入がサポートされ、plusreadyイベントが発生する前に5+ APIを呼び出し、あらかじめノードを導入することができるようになります:。

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

互換性のある書き込み

if(window.plus){ 
    // Call the 5+ API here 
}else{// compatible with older versions of the plusready event 
    document.addEventListener('plusready',function () { 
        // Call the 5+ API here 
    },false); 
}

注目