2009-10-22 23 views
333

Potrzebuję zbudować stronę internetową dla urządzeń mobilnych. Jest tylko jedna rzecz, której jeszcze nie odkryłem: w jaki sposób mogę wywołać telefon za pomocą kliknięcia tekstu?Wywołanie połączenia telefonicznego po kliknięciu łącza na stronie internetowej telefonu komórkowego

Czy istnieje specjalny adres URL, który można wprowadzić jako znacznik mailto: dla wiadomości e-mail?

Rozwiązanie specyficzne dla urządzenia nie jest preferowane.

Wiem, że iPhone automatycznie rozpoznaje numery telefonów i tworzy dla nich link, ale byłoby wspaniale, gdyby można to było zrobić także dla obrazów ... a także dla większości urządzeń mobilnych.

Odpowiedz

624

Większość nowoczesnych urządzeń wspierać tel: schemat. Więc używaj <a href="tel:555-555-5555">555-555-5555</a> i powinieneś być dobry.

Jeśli chcesz użyć go do obrazu, znacznik <a> może obsłużyć <img/> umieszczone w nim, podobnie jak innych normalnych sytuacjach: <a href="tel:555-555-5555"><img src="path/to/phone/icon.jpg" /></a>

+11

Jak to obniżenie wersji na komputerze? Oczywiście nie chcesz, aby to miało związek z pulpitami, prawda? Czy muszę też wyszukiwać sniff i zabić zamykający tag? – 3Dom

+7

@ 3Dom [Wypróbuj.] (Http://jsfiddle.net/62Xwc/) Uruchamia się lub prosi o Twój program telefoniczny. –

+0

@CeesTimmerman, dzięki człowieku. Spróbowałem tego chwilę. Wydaje się, że działa teraz całkiem dobrze. Jedyny problem polega na tym, że próba skopiowania wklejenia numeru powoduje jego kliknięcie, co jest niezłym interfejsem użytkownika, ale hej, większość ludzi nie robi tego, co zgaduję. Jedzenie dla myśli. – 3Dom

38

Właściwy schemat URL tel: [numer] tak byś zrobił

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

Chcesz dodać odpowiedź tutaj w trosce o kompletność.

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

Działa dobrze na większości urządzeń. Jednak na komputerach pojawi się jako link, który nic nie robi po kliknięciu, dlatego warto rozważyć użycie CSS, aby był on warunkowo widoczny tylko na urządzeniach mobilnych.

Powinieneś wiedzieć, że Skype (który jest dość popularny) używa domyślnie innej składni (ale może być parametryzowany do używania tel :).

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

Myślę jednak, że w najnowszych przeglądarkach mobilnych (wiem na pewno na Androidzie) teraz składnia tel powinny oferować popup dostępnych aplikacji, które mogą być wykorzystane, aby zakończyć operację telefonicznej.

+0

wiedziałby, jak otworzyć okno dialogowe udostępniania w Androidzie, aby uzyskać adres URL? – whizcreed

+0

@whizcreed sorry bro, nie moja okolica. –

+4

Czy protokół "tel" działa ze Skype lub tylko z protokołem "callto"? –

13

smartfon Clickable link code:

Poniższy link może zostać wykorzystane do klikalny link telefonu. Możesz skopiować poniższy kod i wkleić go na swojej stronie internetowej, a następnie edytować przy użyciu numeru telefonu. Ten kod może nie działać na wszystkich telefonach, ale działa na iPhone, Droid/Android i Blackberry.

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

Numer telefonu linki mogą być używane z kresek, jak wykazano powyżej, lub bez nich, jak w poniższym przykładzie:

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

Jest również możliwe użycie dowolnego tekstu w linku tak długo, jak telefon jest ustawiony z „tel: 18475555555”, jak w poniższym przykładzie:

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

Poniżej jest klikalne hiperłącza telefon można sprawdzić. W większości przeglądarek nietelefonicznych ten link daje komunikat "Nie można wyświetlić strony internetowej" lub nic się nie stanie.

UWAGA: iPhone Safari przeglądarka automatycznie wykryje numer telefonu na stronie i będzie przekształcić tekst w linku połączeń bez użycia kodu na tej stronie.

Kod połączenia smartfona Wtai: Kod połączenia wtai lub "Interfejs aplikacji telefonii bezprzewodowej" przedstawiono poniżej. Ten kod jest uznawany za prawidłowy protokół telefonu komórkowego i będzie działał na smartfonach takich jak Droid, jednak może nie działać w przypadku Apple Safari na iPhone'a i powyższy kod jest zalecany.

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