1. 程式人生 > >JS Html5撥打電話功能

JS Html5撥打電話功能

轉載自:http://blog.csdn.net/cheekis/article/details/41869953

在做一個微信的微網站中的一個便民服務電話功能的應用,用到移動web頁面中列出的電話號碼,點選需要實現呼叫通訊錄,網頁一鍵撥號的撥打電話功能。

如果需要在移動瀏覽器中實現撥打電話,傳送email,美國伺服器,呼叫sns等功能,移動手機WEB頁面(HTML5)JavaScript提供的介面是一個好辦法。

採用url連結的方式,實現在Safari iOS,香港伺服器,Android 瀏覽器,webos 瀏覽器,塞班瀏覽器,IE,Operamini等主流瀏覽器,進行撥打電話功能。

1.最常用WEB頁面JS實現一鍵撥號的電話撥打功能:

<a href="tel:13764567708">移動WEB頁面JS一鍵撥打號碼諮詢功能</a>

在撥號介面,顯示號碼,並提示撥打。支援大部分的瀏覽器,但是在QQ瀏覽器上支援不好。

2.最常用WEB頁面JS實現一鍵傳送簡訊功能:

<a href="sms:13764567708">移動WEB頁面JS一鍵傳送簡訊諮詢功能</a>

在資訊錄入介面,顯示傳送號碼,並提示錄入資訊。

支援大部分的瀏覽器,但是在QQ瀏覽器上支援不好。

3、移動web頁面自動探測電話號碼

<meta name="format-detection"  content="telephone=no">

<meta  http-equiv="x-rim-auto-match" content="none">

4.使用wtai協議進行撥打電話。

程式碼如下所示:

例項:

<a href="wtai://wp//mc;13764567708">撥打10086 </a>  < a href="wtai://wp/ap;13764567708;">將10086儲存至電話簿 </a> 

建議採用這個方式。

5、不太靈驗的方式:

<a href="dc:13764567708">移動WEB頁面JS一鍵撥打號碼諮詢功能</a>

經過測試,大部分瀏覽器都不支援了。