檢查是否<a href=“tel:5555555”>支持</a>

Question

是否可以檢查瀏覽器是否支持電話號碼超鏈接？ EG：檢查是否

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

將工作。

我試圖避免“無法打開頁面.Safari無法打開頁面，因為地址無效。” 輸入iPod / iPad等信息。

謝謝。

Answer 1

在桌面上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);
   });
}

也有一個很好的答案在這里通過ghepting如何，如果安裝或沒有Skype的檢測。