移动Safari (iPhone和iPod Touch)使用tel:方案。

我如何从iPhone的网页上拨打电话号码?

由于callto:是每默认支持的skype(设置在skype设置)，其他人也支持它，我建议使用callto:而不是skype:。

我保留这个答案是为了“历史”目的，但不再推荐它了。请看上面@Sidnicious的回答和我的更新2。

因为这看起来像是电话和电话之间的平局，我想抛出一个可能的解决方案，希望你的评论能让我回到光明的道路上;-)

使用callto:，因为大多数桌面客户端都会处理它:

<a href="callto:0123456789">call me</a>

然后，如果客户端是iPhone，替换链接:

window.onload = function () {
  if (navigator.userAgent.match (/iPhone/i)) {
    var a = document.getElementsByTagName ("a");
    for (var i = 0; i < a.length; i++) {
      if (a[i].getAttribute ('href').search (/callto:/i) === 0) {
        a[i].setAttribute ('href', a[i].getAttribute ('href').replace (/^callto:/, "tel:"));
      }
    }
  }
};

有人反对这个解决方案吗?我应该从tel:开始吗?

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

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

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

例子:

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

正如人们所期望的那样，WebKit对tel:的支持也扩展到了Android移动浏览器——仅供参考

虽然苹果在移动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:。

我的测试结果:

呼叫：

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

tel:

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

最好的办法是从tel开始:它可以在所有手机上使用

然后放入这段代码，它只在桌面上运行，并且只在单击链接时运行。

我使用http://detectmobilebrowsers.com/来检测移动浏览器，你可以使用任何你喜欢的方法

if (!jQuery.browser.mobile) {
    jQuery('body').on('click', 'a[href^="tel:"]', function() {
            jQuery(this).attr('href', 
                jQuery(this).attr('href').replace(/^tel:/, 'callto:'));
    });
}

所以基本上你涵盖了所有的基础。

Tel:在所有手机上都可以使用该号码打开拨号器

Callto:在您的计算机上工作，从firefox, chrome连接到skype

我的项目用的是tel:。

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

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

RFC3966为电话号码定义了IETF标准URI，即'tel:' URI。这是标准。没有类似的标准指定'callto:'，这是Skype平台上的一个特殊约定，允许注册URI处理程序来支持它。

这招对我很管用:

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 )
    );
}

我会使用电话:(建议)。但是为了有一个更好的回退/不显示错误页面，我会使用这样的东西(使用jquery):

// enhance tel-links
$("a[href^='tel:']").each(function() {
    var target = "call-" + this.href.replace(/[^a-z0-9]*/gi, "");
    var link = this;

    // load in iframe to supress potential errors when protocol is not available
    $("body").append("<iframe name=\"" + target + "\" style=\"display: none\"></iframe>");
    link.target = target;

    // replace tel with callto on desktop browsers for skype fallback
    if (!navigator.userAgent.match(/(mobile)/gi)) {
        link.href = link.href.replace(/^tel:/, "callto:");
    }
});

这里的假设是，在userAgent-string中有移动标记的移动浏览器支持tel:协议。对于其余部分，我们将链接替换为callto:协议，以便在可用的情况下回退到Skype。

为了抑制不支持协议的错误页，链接指向一个新的隐藏iframe。

不幸的是，它似乎不可能检查，如果url已成功加载在iframe。似乎没有触发错误事件。

我使用正常的<a href="tel:+123456">12 3456 </a>标记，并使这些链接不可点击的桌面用户通过指针事件:none;

a[href^="tel:"] {
    text-decoration: none;
}
.no-touch a[href^="tel:"] {
    pointer-events: none;
    cursor: text;
}

对于不支持指针事件的浏览器(IE < 11)，可以使用JavaScript阻止点击(例如依赖于Modernizr和jQuery):

if(!Modernizr.touch) {
    $(document).on('click', '[href^="tel:"]', function(e) {
        e.preventDefault();
        return false;
    });
}

使用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函数。