javascript - 如何使用 jQuery/JavaScript 检测 ios 设备并仅隐藏 iPhone 和 iPad 的 Bootstrap 模式？

Question

这里附上我的 jQuery 代码:

$('.myModal').on('shown.bs.modal', function () { 
var width = $(window).width(); 
var testdevice = /iPhone|iPad|iPod/i.test(navigator.userAgent.toLowerCase()); 
if(!testdevice) { $(this).css('display','block !important'); $(this).show(); } 
else{ $(this).css('display','none !important'); $(this).modal('toggle'); } 
});

---

这是媒体查询:

@media(max-width: 360px){
    .myModal{
        display: none !important;
    }
}

Answer 1

检测 iOS 设备，例如:

var iOS 将为 true 或 false

var iOS = ['iPad', 'iPhone', 'iPod'].indexOf(navigator.platform) >= 0;
if (iOS)
{
//Hide modal 
}
else{
//show modal or do nothing
}