白学phoneGap『クロスプラットフォームAPP構築:phoneGapモバイル応用実戦』連載五(Phone Gapを使ってデバイス情報を取得)

1829 ワード

webapp クロス・プラットフォーム phonegap 3.0

HTMLページを直接インストールして実行できるAPPにパッケージ化できるほか、JavaScriptでデバイスを呼び出してデバイス上のハードウェア情報にアクセスできることが最大の利点です.元のSDKでしか達成できないいくつかの目的を実現することができます.例示的な5−1は、APIを利用してデバイス情報を取得する例を示している.
【例5-1 Phone Gapを利用してデバイス情報を取得する】




  


    //       onDeviceReady()
    document.addEventListener("deviceready", onDeviceReady, false);
    // PhoneGap    ，         PhoneGap  
    function onDeviceReady() {
       //         PhoneGap API
       //     id deviceProperties   
        var element = document.getElementById('deviceProperties');
        //                
        element.innerHTML = '    : '     + device.name     + '<br />' + 
                            'PhoneGap  : ' + device.phonegap + '<br />' + 
                            '    : ' + device.platform + '<br />' + 
                            '    : '     + device.uuid     + '<br />' + 
                            '      : '  + device.version  + '<br />';
    }

Phone Gapを使ってコンパイルした後、運転結果は図5-1に示します.この例では、Phone GapにおけるAPIを使用する方法は、元のJavaScriptとHTMLを使用する方法と何ら違っていないことが分かります.ただし、予め定義されているクラスが多くなりました.例15行のdeviceのように.Phone Gapは、name、phonegap、plotform、uuid、versionの5つのメンバー変数を含み、それぞれのデバイス名、Phone Gapバージョン、オペレーティングシステム、デバイス番号とオペレーティングシステムバージョンを保存します.使用時に直接参照できます.サンプルの15～19行目はinnerHTMLを使ってdeviceクラスの情報をページ要素に表示し、ページ要素は13行目に元素のid属性を利用して取得します.JavaScriptに詳しい読者は、JavaScriptのDOM操作と全く同じであることを発見することができます.
清華大学出版社が発表した「クロスプラットフォームAPP構築:Phone egapモバイル応用実戦」は、20以上のAPPの実例と3つのAPPプロジェクトを含み、HTML 5のモバイル開発を結合したAPPの実戦書である.本は移動開発入門者向けで、低い敷居、浅い読みで、モバイルAPP創業シロに最適です.今回発売された第3～5章は、読者学習の基礎として興味深い本です.いらっしゃいませ.348632872、著者に直接質問して交流します.

use wireshark capturing http delays