Frage

Ich brauche eine Webseite für mobile Geräte zu bauen. Es gibt nur eine Sache, die ich noch nicht herausgefunden: Wie kann ich einen Anruf durch den Klick auf Text auslösen

Gibt es eine spezielle URL ich wie den mailto: Tag für E-Mails geben könnte?

Geräte-spezifische Lösung nicht bevorzugt.

Ich weiß, iPhone erkennt automatisch Telefonnummern und erstellt einen Link für diese, aber es wäre schön, wenn dies auch für Bilder getan werden könnte ... und auch für die meisten mobilen Geräte.

War es hilfreich?

Lösung

Die meisten modernen Geräte unterstützen das tel: scheme. So <a href="tel:555-555-5555">555-555-5555</a> verwenden und Sie sollten gut gehen.

Wenn Sie es für ein Bild verwenden mögen, kann der <a> Tag die <img/> darin ebenso wie andere normale Situationen mit platzierten Griff: <a href="tel:555-555-5555"><img src="path/to/phone/icon.jpg" /></a>

Andere Tipps

Das richtige URL-Schema ist tel: [Nummer], so würden Sie tun,

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

Möchten Sie eine Antwort hier der Vollständigkeit halber hinzuzufügen.

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

funktioniert gut auf den meisten Geräten. Doch auf Desktops als Link zu diesem erscheint, die nichts tut, wenn Sie darauf klicken, so dass Sie in Betracht ziehen sollten mit CSS es bedingt sichtbar machen nur auf mobilen Geräten.

Außerdem sollten Sie wissen, dass Skype (die ziemlich populär ist) eine andere Syntax verwendet standardmäßig (kann aber parametrierbar tel zu verwenden:).

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

Aber ich denke, in neuesten mobilen Browsern (Ich weiß sicher, auf Android) jetzt die tel Syntax ein Popup der verfügbaren Anwendungen bieten soll, die verwendet werden können, die anrufende Aktion abzuschließen.

klickbare Smartphone Link-Code:

Über den folgenden Link können verwendet werden, um eine anklickbare Telefon Link zu machen. Sie können den Code kopieren und in die Webseite einfügen, dann mit Ihrer Telefonnummer bearbeiten. Dieser Code kann nicht auf allen Telefonen arbeiten, aber für iPhone, Droid / Android und Blackberry funktioniert.

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

Telefonnummer Links können mit den Strichen verwendet werden, wie oben gezeigt, oder ohne sie so gut wie im folgenden Beispiel:

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

Es ist auch möglich, einen beliebigen Text in den Link zu verwenden, solange die Telefonnummer Setup mit dem „tel: 18475555555“, wie in diesem Beispiel:

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

Im Folgenden finden Sie eine anklickbare Telefon Hyperlink Sie heraus überprüfen können. In den meisten Nicht-Telefon-Browser wird dieser Link gibt Ihnen einen „Die Webseite kann nicht angezeigt werden“ Fehler oder nichts passieren wird.

. Hinweis: Der Browser iPhone Safari wird eine Telefonnummer auf einer Seite automatisch erkennen und den Text in eine Anrufverbindung ohne Verwendung irgendeines der Code auf dieser Seite

konvertieren

WTAI Smartphone Link-Code: Die wtai oder "Wireless Telephony Application Interface" Link-Code ist unten dargestellt. Dieser Code wird als das richtige Handy-Protokoll sein und auf Smartphones wie Droid funktionieren wird, aber es kann nicht für Apple Safari auf dem iPhone und den obigen Code arbeiten wird empfohlen.

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

Im Wesentlichen verwenden, um ein <a> Element mit einem href attr von tel: Präfix an der Telefonnummer verweist. Beachten Sie, dass können Pluspunkte verwendet werden Ländercode angeben und Bindestriche können einfach für das menschliche Auge aufgenommen werden.

MDN Web-Dokumente

https://developer.mozilla.org / en-US / docs / Web / HTML / Element / a # Creating_a_phone_link

  

Das HTML <a> Element (oder Ankerelement), zusammen mit seinem Attribute href, erstellt einen Hyperlink zu anderen Webseiten, Dateien, Orte innerhalb der gleichen Seite, E-Mail-Adressen oder jede anderen URL.

     

[...]

     

Mit Telefonverbindungen sind hilfreich für die Nutzer sehen Web-Dokumente und Laptops Telefone angeschlossen.

     

<a href="tel:+491570156">+49 157 0156</a>

IETF-Dokumente

https://tools.ietf.org/html/rfc3966

  

Die tel URI für Telefonnummern

     

Das "tel" URI hat die folgende Syntax:

     

telephone-uri = "tel:" Telefon-Teilnehmer

     

[...]

     

Beispiele

     

tel:+1-201-555-0123: Dieser URI verweist auf eine Telefonnummer in den Vereinigten        Zustände. Die Bindestriche enthalten sind die Anzahl menschlicher zu machen        lesbar; sie trennen Land, Ortsvorwahl und Teilnehmernummer.

     

tel:7042;phone-context=example.com: Der URI beschreibt eine lokale Telefon           Nummer gültig im Rahmen "example.com".

     

tel:863-1234;phone-context=+1-914-555: Der URI beschreibt eine lokale        Telefonnummer, die in einem bestimmten Telefon-Vorwahl gültig ist.

Lizenziert unter: CC-BY-SA mit Zuschreibung
Nicht verbunden mit StackOverflow
scroll top