如何在台式计算机和智能手机中使电话号码可点击/可呼叫？

Question

我想要

<a href="callto/tel:1234567890">1234567890</a>

在智能手机和台式计算机中可点击。在智能手机上，我想让它拨打手写的号码，在台式电脑上，我想让它使用默认的电话应用程序(例如Skype)拨打号码。

callTo属性似乎不是w3c有效的(或者这是旧信息？)而且tel似乎不支持Skype。在这里使用的一般最佳解决方案是什么？

如果解决方案也是w3c有效的，那就好了，但不是必须的。

Answer 1

这应该可以，试着调整你的屏幕大小。

​

.show-on-smartphones{display:none;}
 @media screen and (max-width: 480px) {
    .show-on-desktop{display:none;}
  .show-on-smartphones{display:block;}
      
}

<a href="callto:010101010101" class="show-on-desktop">Skype me</a><a href="tel:010101010101" class="show-on-smartphones">Tap to Call Me</a>

​

Answer 2

未经测试的Javascript代码：

function ancorSwitch(){

var os="Unknown";
if (navigator.appVersion.indexOf("Win")!=-1) OSName="Windows";
if (navigator.appVersion.indexOf("Mac")!=-1) OSName="MacOS";
if (navigator.appVersion.indexOf("X11")!=-1) OSName="UNIX";
if (navigator.appVersion.indexOf("Linux")!=-1) OSName="Linux";

if(os != "Unknown")
{
var x=document.getElementById("myancor");
  x.setAttribute("href", "callto:010101010101");
  x.innerHtml = "Call me";
}
else{
var x=document.getElementById("a");
  x.setAttribute("href", "tel:010101010101");
  x.innerHtml = "Call me";
}


}

在html中，您可以这样写：

<a id="myancor"></a>

我不能自己检查，

如果有人发现错误，我会修复它