PhoneGap 讓網頁應用程式也能打電話！

雖然我們建立的 jQuery Mobile 網頁就是一頁 HTML5 網頁, 不過, 我們仍然可以整合電話功能, 也就是在 <a> 標籤的 href 屬性使用 URI Schemes 通訊協定來打電話、傳簡訊和寄送電子郵件。

打電話

在 jQuery Mobile 網頁超連結可以使用 tel: 通訊協定來打電話, 其語法如下所示：

上述語法的 URI Scheme 可以指定撥號的電話號碼 (源於日本的 i-Mode 標準), 如下所示：

上述 「:」 符號後是撥號的電話號碼, 不過, 它並不能直接打電話, 而是啟動行動裝置內建撥號程式來顯示我們設定的電話號碼。

傳簡訊

在 jQuery Mobile 網頁超連結可以使用 sms: 通訊協定來傳送簡訊 (Short Message Service), 其語法如下所示：

上述語法的 URI Scheme 可以指定傳送簡訊的電話號碼, 如下所示：

上述超連結可以啟動簡訊工具來編輯和傳送簡訊。如果需要, 我們還可以加上參數的簡訊內容, 如下所示：

上述 「?」 符號後是參數, 以此例是 body 參數, 即簡訊內容。

傳送電子郵件

如同傳送簡訊, 電子郵件是改為 mailto: 通訊協定來傳送電子郵件, 如下所示：

上述超連結可以啟動郵件工具寄送郵件, 並且自動填入郵件主旨。

PhoneGap 程式：Ch13_1\index.html

在 PhoneGap 程式的 <a> 超連結標籤使用 URI Schemes 通訊協定來打電話、傳簡訊和寄送電子郵件, 如下圖所示：

按旗標客服鈕可以啟動行動裝置的撥號程式, 如下圖所示：

在上方顯示 <a> 標籤設定的電話號碼, 按下方通話鈕可以撥號。同理, 簡訊是啟動簡訊程式；電子郵件是郵件工具 (模擬器需要設定郵件工具後才能使用)。

程式內容

程式說明

第 19~23 列：在 <a> 超連結標籤的 href 屬性使用 URL Schemes, 可以
依序打電話、傳簡訊、傳簡訊加上標題和寄送郵件加上標題文字。