Question

我一直在我的网站上工作并对其进行最后润色，因此我可以在我从很快毕业后开始找工作时向雇主展示。我建立了一个使用视差滚动的“约”部分......问题是，它在移动设备上的任何容量都不起作用。至少不太好。以下是我所指的：http://www.jordanmorgan.net/about.html

我想做的是，如果它们放在宽度小于900像素的设备上，或者无论什么数量，都要废弃它们。我宁愿只显示传统的关于我的页面。那么我怎么能写一些javascript确定他们正在使用什么设备，并显示不同的HTML或如果需要的话，如果他们在所述设备上则一起去另一个页面。

对于如何最好地解决问题，任何建议都会很棒，谢谢！

Answer 1

我今天自己一直在研究这个问题，并且我已经提出了以下功能......

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

通过方向是否可以更改（在桌面设备上不会发生）来确定设备是否可移动。

对我来说这是首选，因为这意味着我不必担心在某些设备上更改用户代理值，而且我不必返回并添加新浏览器。

此外，许多手持设备现在具有非常高的屏幕分辨率，因此您也不能依赖屏幕尺寸。

Answer 2

您可以使用JavaScript将访问者引荐到另一个网址。

    <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>

您还可以制作responsive web design

这将是您的用户和SEO的最佳解决方案。

Answer 3

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;
        };
    };
}

Uniwersal功能

重定向/隐藏某些HTML用户是否在移动设备上？

3 个答案: