1

もうすぐ卒業するので、就職活動を始めたときに企業に見せられるように、自分のウェブサイトに取り組んでいて、仕上げを行っています。視差スクロールを使用する「概要」セクションを作成しました...問題は、モバイルデバイスではまったく機能しないことです。少なくともうまくいきません。これが私が言及しているものです：http://www.jordanmorgan.net/about.html

私がやりたいのは、幅が 900px 未満のデバイス上にある場合は、すべて一緒に破棄することです。従来の自己紹介ページを表示したいだけです。では、使用しているデバイスを特定し、必要に応じて別の HTML を表示したり、別のページに移動したりする JavaScript を作成するにはどうすればよいでしょうか。

問題を最善に解決する方法についてのアドバイスは素晴らしいでしょう、ありがとう!

4

3 に答える 3

3

私は実際に今日これを自分で調べていて、次の機能を思いつきました...

function isMobile() {
    return (typeof window.orientation !== 'undefined');
}

これは、方向が変更できるかどうかによって、デバイスがモバイルかどうかを決定します (デスクトップ デバイスでは起こりません)。

これは、一部のデバイスでユーザー エージェントの値が変更されることを心配する必要がなく、新しいブラウザーが出てきたときに戻って追加する必要がないことを意味するため、私にとっては好ましいことです。

また、現在多くのハンドヘルド デバイスの画面解像度が非常に高いため、画面サイズにも依存できません。

于 2013-02-11T14:47:32.787 に答える
2

JavaScript を使用して、訪問者を別の URL に誘導できます。

    <script type="text/javascript">

            if( navigator.userAgent.match(/(android|blackberry|ipad|iphone|ipod|iemobile|opera mobile|palmos|webos|googlebot-mobile)/i) )
            {
            document.location.replace("/mobile/");
            }

    </script>

レスポンシブ Web デザインを作成することもできます

これは、ユーザーと SEO の両方にとって最適なソリューションです。

于 2013-02-11T14:45:11.050 に答える
0 
mobileDeviceCheck: function(system) {
    if(system) {
        if(navigator.userAgent.match(system)) {
            return true;
        } else {
            return false;
        };
    } else {
        if((navigator.userAgent.match(/iPhone/i)) || (navigator.userAgent.match(/iPod/i)) || (navigator.userAgent.match(/iPad/i)) || (navigator.userAgent.match(/Android/i))) {
            return true;
        } else {
            return false;
        };
    };
}

普遍的な機能

于 2013-02-11T14:56:38.280 に答える