如何增加电话号码?

我想在HTML文档中标记一个电话号码为可调用链接。我读过微格式方法，我知道tel:方案是标准的，但实际上没有实现。

据我所知，Skype定义了Skype:和callto:，后者已经获得了一些流行。我想，其他公司要么有其他的计划，要么就搭上了“呼叫列车”。

什么是标记电话号码的最佳实践，以便尽可能多的人使用VoIP软件只需点击链接就可以接听电话?

额外的问题:有人知道紧急号码的并发症吗，比如美国的911或德国的110 ?

更新:Microsoft NetMeeting在WinXP下接受callto:方案。这个问题表明，Microsoft Office Communicator将处理tel:方案，但不处理callto: ones。好,雷蒙德!

更新2:现在已经过去两年半了。这似乎可以归结为你想用这个数字做什么。在移动环境中，tel:是可行的。如果你认为你的用户更多是Skype用户(callto:)，或者更可能安装谷歌Voice (tel:)之类的东西，这取决于你。我个人的观点是，有疑问时使用tel:(与@Sidnicious的回答一致)。

更新3:用户@rybo111指出，Chrome中的Skype同时也加入了tel:潮流。我无法证实这一点，因为没有一台机器同时拥有这两种设备，但如果这是真的，这意味着我们终于有了一个赢家:tel:

当前回答

这招对我很管用:

1.制作符合标准的链接:

        <a href="tel:1500100900">

2.当检测不到移动浏览器时替换它，用于skype:

$("a.phone")
    .each(function()
{ 
  this.href = this.href.replace(/^tel/, 
     "callto");
});

通过类选择链接来替换似乎更有效。当然，它只能在.phone类的锚上工作。

我已经把它放在函数if(!isMobile()){…所以它只在检测到桌面浏览器时触发。但是这个可能已经过时了…

function isMobile() {
    return (
        ( navigator.userAgent.indexOf( "iPhone" ) > -1 ) ||
        ( navigator.userAgent.indexOf( "iPod" ) > -1 ) ||
        ( navigator.userAgent.indexOf( "iPad" ) > -1 ) ||
        ( navigator.userAgent.indexOf( "Android" ) > -1 ) ||
        ( navigator.userAgent.indexOf( "webOS" ) > -1 )
    );
}

2013-06-04 14:38:31

其他回答

tel:方案在20世纪90年代末被使用，并在2000年初被RFC 2806记录在案(在2004年被更彻底的RFC 3966废止)，并继续得到改进。支持电话:在iPhone上不是一个随意的决定。

callto:，虽然Skype支持，但不是标准，应该避免使用，除非特别针对Skype用户。

我吗?我只是开始在页面上包含正确形式的tel: uri(不嗅探用户代理)，并等待世界上其他电话赶上:)。

例子:

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

2009-09-23 16:45:57

我的测试结果:

呼叫：

诺基亚浏览器:什么都没有发生谷歌Chrome浏览器:要求运行skype呼叫该号码 Firefox:要求选择一个程序来调用该号码 IE:要求运行skype呼叫该号码

tel:

诺基亚浏览器:正常工作谷歌Chrome:什么都没有发生 Firefox:“Firefox不知道如何打开此url” IE:无法找到url

2012-06-14 23:14:46

我的项目用的是tel:。

它适用于Chrome、Firefox、ie9和8、Chrome手机和我的索尼爱立信智能手机上的移动浏览器。

但是callto:在移动浏览器中不起作用。

2013-03-01 14:01:58

虽然苹果在移动Safari的文档中推荐tel:，但目前(iOS 4.3)它也接受callto:。所以我建议在一般的网站上使用callto:，因为它可以在Skype和iPhone上运行，我希望它也可以在Android手机上运行。

更新(2013年6月)

This is still a matter of deciding what you want your web page to offer. On my websites I provide both tel: and callto: links (the latter labeled as being for Skype) since Desktop browsers on Mac don't do anything with tel: links while mobile Android doesn't do anything with callto: links. Even Google Chrome with the Google Talk plugin does not respond to tel: links. Still, I prefer offering both links on the desktop in case someone has gone to the trouble of getting tel: links to work on their computer.

如果网站设计要求我只提供一个链接，我会使用tel:链接，并尝试在桌面浏览器上将其更改为callto:。

2011-04-18 04:52:26

使用jQuery，用适当的callto:或tel:方案替换页面上的所有美国电话号码。

// create a hidden iframe to receive failed schemes
$('body').append('<iframe name="blackhole" style="display:none"></iframe>');

// decide which scheme to use
var scheme = (navigator.userAgent.match(/mobile/gi) ? 'tel:' : 'callto:');

// replace all on the page
$('article').each(function (i, article) {
    findAndReplaceDOMText(article, {
        find:/\b(\d\d\d-\d\d\d-\d\d\d\d)\b/g,
        replace:function (portion) {
            var a = document.createElement('a');
            a.className = 'telephone';
            a.href = scheme + portion.text.replace(/\D/g, '');
            a.textContent = portion.text;
            a.target = 'blackhole';
            return a;
        }
    });
});

感谢@jonas_jonas的想法。需要优秀的findAndReplaceDOMText函数。

2014-09-20 19:23:19

如何增加电话号码?

推荐文章

最新文章

标签