单击手机网页中的链接时如何触发电话

Fre*_*rin 464 html mobile-phones phone-call url-protocol

我需要为移动设备构建一个网页.只有一件事我还没弄明白:如何通过点击文字来触发电话?

我可以输入特殊的网址,例如mailto:电子邮件的标签吗?

设备特定解决方案不是优选的.

我知道iPhone会自动识别电话号码并为此创建一个链接,但如果可以对图像进行此操作也会很棒......对大多数移动设备也是如此.

mem*_*eme 824

大多数现代设备都支持tel:scheme.所以使用<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>

  • 这如何降级桌面?你显然不希望这个链接到桌面吗?或者我是否需要浏览器嗅探并杀死封闭标签? (12认同)
  • @ 3Dom [试一试.](http://jsfiddle.net/62Xwc/)它会启动或询问您的手机程序. (9认同)
  • 您好,请不要忘记加号和国家代码如下:+ 1-555-555-5555如果您使用Skype,这是即时拨号必须的. (8认同)
  • 供将来参考:在OS X Yosemite及以上,这将启动Facetime应用程序,如果用户有iPhone,则让他们实际使用他们的台式机/笔记本电脑. (2认同)

Jes*_*ess 59

正确的URL方案是tel:[number]所以你会这样做

<a href="tel:5551234567"><img src="callme.jpg" /></a>
Run Code Online (Sandbox Code Playgroud)


Var*_*hra 45

为了完整起见,想在这里添加答案.

<a href="tel:1234567">Call 123-4567</a>
Run Code Online (Sandbox Code Playgroud)

在大多数设备上工作得很好.但是,在桌面上,这将显示为一个链接,当您单击它时不会执行任何操作,因此您应该考虑使用CSS使其仅在移动设备上有条件地可见.

此外,您应该知道Skype(相当流行)默认使用不同的语法(但可以参数化使用tel :).

<a href="callto:1234567">Call 123-4567</a>
Run Code Online (Sandbox Code Playgroud)

但是,我认为在最新的移动浏览器中(我在Android上肯定知道)现在tel语法应该提供可用于完成调用操作的可用应用程序的弹出窗口.

  • "tel"协议是否适用于Skype,或仅适用于"callto"协议? (4认同)

Gau*_*g P 20

可点击智能手机链接代码:

以下链接可用于制作可点击的电话链接.您可以复制下面的代码并将其粘贴到您的网页中,然后使用您的电话号码进行编辑.此代码可能无法在所有手机上运行,​​但适用于iPhone,Droid/Android和Blackberry.

<a href="tel:1-847-555-5555">1-847-555-5555</a>
Run Code Online (Sandbox Code Playgroud)

电话号码链接可以与破折号一起使用,如上所示,或者没有它们以及以下示例:

<a href="tel:18475555555">1-847-555-5555</a>
Run Code Online (Sandbox Code Playgroud)

只要电话号码设置为"tel:18475555555",也可以使用链接中的任何文本,如下例所示:

<a href="tel:18475555555">Click Here To Call Support 1-847-555-5555</a>
Run Code Online (Sandbox Code Playgroud)

以下是您可以查看的可点击电话超链接.在大多数非手机浏览器中,此链接会显示"无法显示网页"错误,或者什么都不会发生.

注意: iPhone Safari浏览器将自动检测页面上的电话号码,并将文本转换为呼叫链接,而不使用此页面上的任何代码.

Wtai智能手机链接代码:Wtai或"无线电话应用程序接口"链接代码如下所示.此代码被认为是正确的手机协议,可以在Droid等智能手机上使用,但是,它可能不适用于iPhone上的Apple Safari,建议使用上述代码.

<a href="wtai://wp/mc;18475555555">Click Here To Call Support 1-847-555-5555</a> 
Run Code Online (Sandbox Code Playgroud)


jth*_*ter 5

本质上,使用<a>带有href指向前缀的电话号码的attr的元素tel:。请注意,加号可用于指定国家/地区代码,连字符可以仅用于人眼。

MDN 网络文档

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

HTML<a>元素(或锚元素),其href属性一起,创建一个链接到其他网页,文件在同一页面中的位置,电子邮件地址,或任何其他网址。

[…]

提供电话链接有助于用户查看网络文档和连接到电话的笔记本电脑。

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

IETF 文件

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

tel电话号码的URI

“tel”URI 具有以下语法:

telephone-uri ="tel:"电话用户

[…]

例子

tel:+1-201-555-0123:此 URI 指向美国的电话号码。包含连字符以使数字更易读;它们将国家、区号和用户号码分开。

tel:7042;phone-context=example.com:URI 描述了在上下文“example.com”中有效的本地电话号码。

tel:863-1234;phone-context=+1-914-555:URI 描述了在特定电话前缀内有效的本地电话号码。