1

横向きでのみ div を表示するために、webapp に次のコードがあります。電話でもうまく機能しますが、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 のまったくの初心者であり、皆さんのおかげでできる限り速く学習し、学習していますが、これをどうすればよいかわかりません。

4

3 に答える 3

1

携帯電話とタブレットを区別して、タブレットでは無効にできるはずです。

区別する1つの方法は、画面の幅を調べることです。

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

これはおそらく最善の方法ではありませんが、問題を修正します

于 2013-02-22T21:41:12.727 に答える
0

画面サイズ/ピクセル密度を確認するだけでは携帯電話とタブレットを区別することはほとんど不可能であるため、ユーザー エージェント スニッフィングを行う必要があります。また、ユーザー エージェントでさえ 100% 信頼できるわけではありません。

ここでインスピレーションが得られるかもしれません: http://detectmobilebrowsers.com/

于 2013-02-22T21:27:47.320 に答える