蘋果手機,電話號碼顯示為撥號超連結
阿新 • • 發佈:2019-02-14
最近工作當中,手機應用內嵌HTML5頁面,遇到一個問題,聯絡人的的電話號碼顯示在網頁上,安卓是
正常的,但是在ios中會出現如下現象:
頁面開啟,電話號碼顯示正常,但是在我的專案中,等那麼兩秒鐘,手機號碼會消失。利用chrome瀏覽器進行 模擬,也是正常的,但是在真機是進行操作就會出問題。為了這個問題糾結很久,做過很多嘗試,也想過很多可能性。最後在真機上意外發現,點選號碼,會彈出一個對話方塊,可是這個對話方塊以及點選事件根本不是我新增的。後來才發現:應該是蘋果自帶的功能,根據正則表示式匹配上電話號碼後,會這裡寫程式碼片給他自動新增一個a標籤,並且給予相應的定位。
其實我自己程式碼中也有定位,所以導致這個電話號碼顯示在別的區域上去了(正好這個區域是不可見的),
而不是真正的消失不見了。
最後解決的方法是:
在iPhone 手機上預設值是(電話號碼顯示為撥號的超連結):
<meta name="format-detection" content="telephone=yes"/>
可將telephone=no,則手機號碼不被顯示為撥號連結
<meta name="format-detection" content="telephone=no"/>
正好我不需要電話號碼的超連結,所以加上 問題解決了