index.html
phonegap-demo.html
phonegap-demo/master.css
phonegap-demo/main.js
css/style.css
img/icon/*.png
jQuery
index.html
はスタート画面のページです。ソースコードを次に記します。<body>
タグ内の記述で、HelloWorld!
と Start Demo
ボタンの表示を、次のように行います。phonegap-demo.html
を使用して、携帯端末の基本情報と次に列挙した機能を、基本プラグイン デモ画面ページに表示します。411
の呼び出しmain.js
は、基本プラグイン デモ画面ページで使用する一連の処理を記述した JavaScript ファイルです。このファイルでは、前述した 5 個の機能を記述しています。Get Location
ボタンをクリックすると、現在の位置情報を示したメッセージが次のように表示されます。411
に電話します。この関数の JavaScript コードを次に記します。href="tel:411"
を使うためには、以下の設定が必要です config.xml
。Call 411
ボタンをクリックすると、電話するかを確認するメッセージを表示します。Vibrate
ボタンをクリックすると、携帯端末が振動します。Get a Picture
ボタンをクリックすると、携帯端末のカメラが起動します。写真を撮り、画面上に表示する場合には、次のスクリーンショット ( 画像 1 枚目、赤い囲み ) のようになります。表示しない場合には、メッセージが次 ( 画像 2 枚目 ) のように表示されます。Check Network
ボタンをクリックすると、現在接続しているネットワークの種類を表示します。