2011-10-10 244 views
9

我正在設計一個移動頁面,並使用以下(標準,我相信)代碼來使電話撥打一個電話號碼。href = tel:555鏈接不能在移動Safari瀏覽器中工作

<a href="tel:555-1234567" class="call"><img src="graphics/call-icon.gif" alt="call-icon" width="45" height="50"></a> 

這工作正常,在android系統,但移動Safari我得到以下錯誤:

Cannot Open Page
Safari cannot open the page because the address is invalid

+0

你有沒有嘗試從手機號碼幾許?即只保留數字。 – ulidtko

+0

是的,仍然沒有運氣 – Iolo

+0

我正在iOS模擬器上測試,如果它可能是相關的。 – Iolo

回答

12

你的標記是好的,它適用於我的iPhone(3GS,運行4.3.5)。它不適用於iOS模擬器(是的,有「無法打開頁面 - Safari無法打開頁面,因爲地址是無效的」錯誤),但我不希望它,因爲你不能調用它(無論是iOS版本還是舊版本)。

+0

這仍然在2018年發生... – nils

6

在你<head>地說:

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

Safari HTML Reference

This Enables or disables automatic detection of possible phone numbers in a webpage in Safari on iOS. Syntax Discussion By default, Safari on iOS detects any string formatted like a phone number and makes it a link that calls the number. Specifying telephone=no disables this feature. Availability Available in iOS 1.0 and later. Support Level Apple extension.

+0

我只是想我會補充說,在Safari做到這一招後,電話號碼「1 -555-555-5555「變成了'1-555-555-5555' –

5

要使用Safari/iOS工作的電話號碼,您需要正確格式化電話,就像在舊廣告中列出的一樣。

<a href="tel:1-555-123-4567" class="call"> 
----- OR ----- 
<a href="tel:15551234567" class="call"> 
+2

這可能會更好,然後我的回答)。 – chown

+0

沒有,仍然得到相同的錯誤。我還從你的答案中添加了meta taag,但無濟於事。我也嘗試過將鏈接設置爲tel:171,這是愛爾蘭的標準語音信箱號碼。 – Iolo

0

如果您的電話號碼在safari上沒有顯示出來,但我遇到了完全相同的問題,但我發現如果您不使用網頁友好字體,它將不會顯示嘗試並更改您的字體數字到Verdana或Arial。我用谷歌網頁字體應該是網頁友好的,但即使這打破了我的號碼。

希望這個工程。

給我投票了,如果它確實請;)

相關問題