1. 程式人生 > >移動端網頁實現撥打電話功能的幾種方法

移動端網頁實現撥打電話功能的幾種方法

採用url連結的方式,實現在safari ios,android 瀏覽器,webos 瀏覽器,塞班瀏覽器,ie,operamini等主流瀏覽器,進行撥打電話功能。

1.最常用的方式:

複製程式碼程式碼如下:
<a href="tel:+120">報警!</a>

在撥號介面,顯示號碼,並提示撥打。

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

2、自動探測電話號碼

如果要支援safari for ios ,blackberry browser的號碼,需要加上一下標籤:

複製程式碼程式碼如下:
<meta name="format-detection" content="telephone=no">

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


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

在wml中可以呼叫裝置的wtai函式來呼叫特定的電話號碼。目前,越來越多的瀏覽器都支援這個功能,但還不是所有。

程式碼如下所示:

複製程式碼程式碼如下:
<input name="phone_no" format="*m" value="13"/> <do type="option" label="撥出號"> <go href="wtai://wp/mc;$(phone_no)"/> </do><br/>   或者直接寫入電話號碼的方式: <a href="wtai://wp/mc;1331597312*">撥打電話</a>

例項:
複製程式碼程式碼如下:
<a href="wtai://wp//mc;10086">撥打10086 </a>  <a href="wtai://wp/ap;10086;">將10086儲存至電話簿 </a>  <a href="sms:10086">發簡訊到10086 </a> 

建議採用這個方式。

4、還有一種方式:

複製程式碼程式碼如下:
<a href="dc:5040*0077">撥打熱線</a> 

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

長按圖片識別圖中二維碼(或搜尋微信公眾號FrontEndStory)關注“前端那些事兒”,帶你瞭解最新的前端技術。