检查< a href =" tel：[phone]">被支持 [英] Check if <a href="tel:[phone]"> is supported

问题描述

是否可以检查浏览器是否支持电话号码超链接？
EG：检查

 < a href =tel：[phone]>拨打我们555555555<一个> 
  

可以使用。

我是试图避免无法打开页面，Safari无法打开页面，因为地址无效。如iPod / iPad等类型的消息。

谢谢。

p>在桌面上，Skype使用callto：规范而不是tel：

我认为你可以使用css。

只需添加一些@media规则：

  .telClass {display：none; } 
 .callToClass {display：block; } 
 
 @media只有屏幕和（最大设备宽度：480px）{
 .tel-class {display：block; } 
 .call-to-class {display：none; } 
} 
  

然后你可以在html中定义两个元素：

$ b

 < a href =tel：[phone]class =tel-class> Call us on 555555555< / a> 
< a href =callto：555555555class =call-to-class>致电555555555< / a> 
  

对于更复杂的代码，您可以添加一些javascript代码来检查设备是否是手持设备：

$ b $

if（/ Android | webOS | iPhone | iPad | iPod | BlackBerry | IEMobile | Opera Mini / i.test（导航器。 userAgent））{
var callToArray = document.getElementsByClassName（'call-to-class'）;
callToArray.forEach（function（c）{
c.parentElement.removeChild（c）;
}）;
}


还有一个很好的答案 ，通过 ghepting 了解如何检测Skype是否已安装或不。

Is it possible to check if a phone number hyperlink is supported by a browser? EG: Check if

<a href="tel:[phone]">Call us on 555555555</a> 

will work.

I'm trying to avoid the "Cannot open page. Safari cannot open the page because the address is invalid." type messages on things like iPod/iPad etc.

Thanks.

解决方案

On desktop Skype uses the "callto:" spec instead of "tel:"

I think you could use css for this.

Just add some @media rules:

.telClass { display: none; }
.callToClass { display: block; } 

@media only screen and (max-device-width: 480px) {
    .tel-class { display: block; }
    .call-to-class { display: none; }
}

Then you could define two elements in html:

<a href="tel:[phone]" class="tel-class">Call us on 555555555</a> 
<a href="callto:555555555" class="call-to-class">Call us on 555555555</a> 

For a more complex code you could add some javascript code to check if the device is a handheld one:

if( /Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test(navigator.userAgent) ) {
   var callToArray = document.getElementsByClassName('call-to-class');
   callToArray.forEach(function(c) {
      c.parentElement.removeChild(c);
   });
}

Also there is a nice answer here by ghepting on how to to detect if skype is installed or not.

这篇关于检查< a href =" tel：[phone]">被支持的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！