如何點擊手機

333

在網頁中的鏈接時，觸發一個電話我需要建立一個網頁的移動設備。只有一件事我還沒弄清楚：如何通過點擊文本觸發電話？如何點擊手機

有一個特殊的URL，我可以進入像mailto:標籤的電子郵件？

設備特定溶液不是優選的。

我知道iPhone會自動識別電話號碼，並創建一個鏈接，這一點，但是這將是巨大的，如果這能爲圖片做太......也爲大多數移動設備。

624

大多數現代設備支持電話：方案。所以使用<a href="tel:555-555-5555">555-555-5555</a>，你應該很好去。

如果你想使用它的圖像時，<a>標籤可以處理<img/>放在它也跟其他正常的情況：<a href="tel:555-555-5555"><img src="path/to/phone/icon.jpg" /></a>

2009-10-22 21:26:00 meme

+11

這是如何降級桌面？你顯然不希望這個鏈接到桌面的權利？或者我必須瀏覽器嗅探並殺死封閉標籤？ – 3Dom 2013-10-12 14:39:09

@ 3Dom [試試。]（http://jsfiddle.net/62Xwc/）它啓動或要求您的手機程序。 – 2014-02-06 13:07:50

@CeesTimmerman，謝謝你。我試了一下回來。這似乎現在工作得很好。唯一困難的是，試圖複製粘貼數字結果點擊它，這是蹩腳的用戶界面，但嘿，大多數人不會這樣做，我猜。食物的思想。 – 3Dom 2014-02-08 14:35:12

正確的URL方案爲tel：[序號]所以你會做

<a href="tel:5551234567"><img src="callme.jpg" /></a>

2009-10-22 17:00:36 Jess

想在這裏補充一個答案爲完整起見。

<a href="tel:1234567">Call 123-4567</a>

在大多數設備上工作得很好。然而，在桌面上，這將表現爲它做，當你點擊它，所以你應該考慮使用CSS，使其只在移動設備上有條件地看到什麼的鏈接。

此外，你應該知道，Skype的（這是相當流行的），在默認情況下使用不同的語法（但是可以參數化使用電話:)。

<a href="callto:1234567">Call 123-4567</a>

但是，我認爲在最新的移動瀏覽器（我肯定知道在Android）現在tel語法應提供可用於完成呼叫動作可用應用程序的彈出窗口。

2014-05-06 05:38:32

會知道如何在android中打開共享對話框，獲取url？ – whizcreed 2015-05-20 19:22:02

@whizcreed對不起兄弟，不是我的地區。 – 2015-06-10 07:55:28

「tel」協議是否適用於Skype，或者只適用於他們的「callto」協議？ – 2016-07-06 20:15:45

可點擊鏈接的智能手機代碼：

以下鏈接可以用來製造可點擊電話鏈接。您可以複製下面的代碼並將其粘貼到您的網頁中，然後使用您的電話號碼進行編輯。此代碼可能不適用於所有手機，但適用於iPhone，Droid/Android和Blackberry。

<a href="tel:1-847-555-5555">1-847-555-5555</a>

電話號碼鏈接可與短劃線一起使用，如上述所示，或者沒有它們，以及在下面的例子：

<a href="tel:18475555555">1-847-555-5555</a>

另外，也可以使用任何文本中的鏈接只要電話號碼設置與「電話：18475555555」如本例：

<a href="tel:18475555555">Click Here To Call Support 1-847-555-5555</a>

下面是一個可點擊的超鏈接的電話，您可以檢查出來。在大多數非手機瀏覽器中，該鏈接會給你一個「網頁無法顯示」的錯誤或者什麼都不會發生。

NOTE： iPhone Safari瀏覽器會自動檢測頁面上的電話號碼，並將文本轉換爲通話鏈接，而無需使用此頁面上的任何代碼。

Wtai智能手機鏈接代碼： wtai或「無線電話應用程序接口」鏈接代碼如下所示。此代碼被認爲是正確的手機協議，並且可以在Droid等智能手機上使用，但是，它可能不適用於iPhone上的Apple Safari，並且建議使用上述代碼。

<a href="wtai://wp/mc;18475555555">Click Here To Call Support 1-847-555-5555</a>

2014-11-12 07:22:15

回答