“href：tel”鏈接無法在IOS中打開警報視圖

Question

我正在為基於Cordova平台和使用ExtJS框架的不同平台構建一個Web應用程序。 目前我正在嘗試使用href =“tel：0123456789”鏈接電話號碼，它在Android和Window上運行正常。

然而，當我點擊IOS中的電話鏈接時，它不顯示默認警報並在沒有提示的情況下啟動撥號。這真的很奇怪，因為即使在Apple的URL Scheme Reference中也說：

當用戶點擊網頁中的電話鏈接時，iOS會顯示一條警告，詢問用戶是否確實要撥打電話號碼並在用戶接受時啟動撥號。

我試過了：

•刪除HTML中的錨標記，讓Safari自動鏈接電話號碼。 - 它確實成功地錨定了頁面上的所有數字，但是一旦我點擊它們，它就會立即直接打電話而沒有警報確認。

•使用onclick =“window.location.href = {phonenumber}” - 電話號碼甚至沒有鏈接。

•使用'telprompt'代替'tel' - Apple不再支持'telprompt'

我在Iphone 6和5上測試了相同的結果。

那么如何在調用'href = tel：'標簽之前進行IOS顯示確認警報？

Answer 1

在config.xml中：

<allow-intent href="tel:*" />

在html中：

<a href="tel:1-xxx-xxx-xxxx">1-xxx-xxx-xxxx</a>

Answer 2

好吧最后我得到了解決方案...基本上除了HristoEftimov和Steve的答案之外我需要在我的config.xml中包含<allow-navigation href="tel:*" />

然而，這打破了Android的代碼，所以我必須只為ios實現它。 所以<platform name="ios"><allow-intent href="tel:*" /><allow-navigation href="tel:*" /></platform>

此外，我不得不通過onclick事件調用tel鏈接： <a onclick=" onPhoneNumberClick(' + arrayPhoneNumbers[i] + ')" href="javascript:void(0);">

那個叫onPhoneNumberClick的方法，我在window.open中打開了這樣的鏈接： window.open("tel:"+number);