文章/答案/技术大牛

发布

社区首页 >问答首页 >检查是否支持<a href="tel:5555555">

问检查是否支持<a href="tel:5555555">
EN

Stack Overflow用户

提问于 2013-05-29 17:35:22

回答 1查看 6.8K关注 0票数 9

是否可以检查浏览器是否支持电话号码超链接？例如:检查是否

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

都会起作用的。

我试图避免出现“无法打开页面。Safari无法打开页面，因为地址无效。”在iPod/iPad等设备上输入消息。

谢谢。

javascript

jquery

html

mobile

hyperlink

回答 1

Stack Overflow用户

发布于 2014-09-12 15:37:38

在桌面上，Skype使用"callto:“规范而不是"tel:”

我认为你可以使用css来解决这个问题。

只需添加一些@media规则：

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

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

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

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

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

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

此外，关于如何检测是否安装了here，ghepting提供了一个很好的答案。

票数 3

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/16810356

复制

相似问题

问检查是否支持<a href="tel:5555555">
EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问检查是否支持<a href="tel:5555555">EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问检查是否支持<a href="tel:5555555">
EN