Question

我想要

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

可在智能手机和台式电脑中点击。在智能手机中，我希望它拨打所写的号码，在桌面电脑上我希望它使用默认电话应用程序（例如Skype）来拨号。

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

如果解决方案也是有效的，那将是很好的，但不是必需的。

Answer 1

这应该有效，请尝试调整屏幕大小。

＆＃13;

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

＆＃13;

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

＆＃13;

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>

我自己无法检查，

如果有人发现错误，我会解决它

如何在台式电脑和智能手机中点击/调用电话号码？

2 个答案: