是否可以检查浏览器是否支持电话号码超链接? EG:检查是否
<a href="tel:555555555">Call us on 555555555</a>
会起作用。
我试图避免“无法打开页面。Safari 无法打开页面,因为地址无效。”在 iPod/iPad 等设备上输入消息。
谢谢。
最佳答案
在桌面 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);
});
}
关于javascript - 检查是否支持 <a href ="tel:5555555">,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/16810356/