2011-10-25 26 views
14

我正在爲android & ios設備創建一個HTML移動網站。 我知道點擊通話兩個。android/iphone點擊致電html

ANDROID

<a href="tel:2125551212">2125551212</a> 

IOS

<a href="callto:2821229627-7877">Live Support</a> 

現在,我的問題是我有一個網頁與點擊通話鏈接,並希望該鏈接工作同時在Android/IOS

回答

24

只要使用tel:它會在iOS,安卓,blackbarry OS,Windows和更多的工作。使用這種方案將適用於幾乎所有的移動瀏覽器。

+0

那麼android呢? –

+0

也可以在Android上運行,就像你說的那樣;) – Moyshe

+0

我的問題是什麼,我有單個網頁,它會在Android和iOs移動設備上打開,所以我想要一個適用於這兩種設備的東西 –

1

你有承認客戶。由於不同的手機有不同的用戶代理,你可以做這樣的事情用JavaScript:

if (navigator.userAgent.indexOf("Android") != -1) { 
    txt = "<a href="tel:2125551212">2125551212</a>"; 
} else if (navigator.userAgent.indexOf("iPhone") != -1) { 
    txt = "<a href="callto:2821229627-7877">Live Support</a>"; 
} 
+0

哦,很好的解決方案 –

+2

我很高興你喜歡它,但第二個更簡單。你真的可以爲兩部手機使用'tel:'。 – Moyshe

+0

讓我試試那很好 –

2

這也適用於我。

<a href="tel:2125551212">212-555-1212</a> 

問題在於它會打破人們在桌面瀏覽器上使用的附加組件和擴展。

對於Android操作系統,普通電話號碼將會打電話點擊。

<p>212-555-1212</p> 

您也可以track this call with AdWords。我正在努力使其與Google Analytics一起工作。

+0

這並沒有解決原始海報的問題。他在問他如何讓這兩個平臺能夠通過單個鏈接撥打電話。 – Stunner

0

關於MoyShe的帖子,不要偷她的代碼(補充)我會添加一個條件默認的桌面瀏覽器和其他使用默認其他聲明。

if (navigator.userAgent.indexOf("Android") != -1) { 
txt = "<a href="tel:2125551212">2125551212</a>"; 
} else if (navigator.userAgent.indexOf("iPhone") != -1) { 
txt = "<a href="callto:2821229627-7877">Live Support</a>"; 
} 
<!--what about other devices OS--> 
else { 
txt = "<span><strong>Phone -</strong> 282-122-9627 ext.7877</span>"; 
} 

桌面這樣瀏覽器的用戶也可以看到一個電話號碼,因爲它會在默認情況下,如果該設備是查詢兩個手持設備的不顯示電話號碼。

我不熟悉android,blackberry,IOs,windows等......但我也想問一下或指出我的評論部分。

<!--what about other devices OS--> 

(對於Newbs-的上面的行註釋代碼可以在網頁中粘貼時被除去)。

黑莓手機和所有其他設備的操作系統呢?他們是Android還是IO驅動OS?如果不是,則還需要創建附加代碼來明確識別這些設備,並將其包含在(else if)語句中。

如果我在我的未知問題中是正確的,開關/案例語句可能更清潔,更好的方法。