javascript - 仅适用于手持设备的窗口方向检测

Question

我的 web 应用程序上有以下代码，仅以横向显示 div。它在手机上运行良好，但在 iPad 上也运行良好，但我不想要 iPad。有没有办法让这个功能只在手持设备上工作？

$(function(){
window.onload = handleOrientation;
    window.addEventListener('orientationchange', handleOrientation, false);
        function handleOrientation() {
            if (window.orientation == "90" || window.orientation == "-90") {
            document.getElementById("landscape").style.display = 'block';
        } else {
            document.getElementById("landscape").style.display = 'none';
        }
    }
});

我是 javascript 的新手，感谢你们，我正在尽快学习，但我不知道该怎么做。

Answer 1

您应该能够区分手机和平板电脑，然后针对平板电脑禁用它。

一种区分方法是找出屏幕宽度。

if (window.screen.width < 320) {
// This is an iphone
// 320 pixels is the width of an iphone
// do the necessary
}

这可能不是最好的方法，但可以解决问题