javascript - サポートされているかどうかを確認する
質問する
6814 次
1 に答える
3
デスクトップでは、Skype は「tel:」の代わりに「callto:」仕様を使用します。
これには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 で 2 つの要素を定義できます。
<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);
});
}
于 2014-09-12T07:37:38.023 に答える