Javascript 重定向/隐藏用户在移动设备上的特定HTML？

我一直在为我的网站做最后的润色工作，这样我就可以在毕业后开始找工作时向雇主展示我的网站。我建立了一个使用视差滚动的“关于”部分…问题是，它在移动设备上的任何容量下都不起作用。至少不太好。我指的是：

我想做的是，如果它们在一个宽度小于900px的设备上，或者任何数量的设备上，只需将它们全部废弃。我宁愿只显示一个传统的关于我的页面。所以，我如何编写一些javascript来确定他们使用的设备，并显示不同的HTML，或者如果他们在所述设备上，如果需要的话，一起转到不同的页面

---

任何关于如何最好地解决这个问题的建议都会很好，谢谢

您可以使用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>

if（navigator.userAgent.match（/（android | blackberry | ipad | iphone | ipod | iemobile | opera mobile | palmos | webos | googlebot mobile）/i））
{
document.location.replace（“/mobile/”）；
}

你也可以做一个

---

对于您的用户和SEO来说，哪一个是最好的解决方案。

您可以使用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>

if（navigator.userAgent.match（/（android | blackberry | ipad | iphone | ipod | iemobile | opera mobile | palmos | webos | googlebot mobile）/i））
{
document.location.replace（“/mobile/”）；
}

你也可以做一个

---

这对你的用户和搜索引擎优化来说都是最好的解决方案。

我今天自己也在研究这个问题，我提出了以下功能

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

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

这对我来说更可取，因为这意味着我不必担心某些设备上的用户代理值被更改，也不必在新浏览器出现时返回并添加它们

---

此外，许多手持设备现在都有非常高的屏幕分辨率，所以你也不能依赖屏幕大小。

我今天自己也在研究这个问题，我提出了以下功能

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

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

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

这对我来说更可取，因为这意味着我不必担心某些设备上的用户代理值被更改，也不必在新浏览器出现时返回并添加它们

此外，许多手持设备现在有非常高的屏幕分辨率，所以你也不能依赖屏幕大小

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功能是一种新功能。谢谢分享@J-MANMORGAN很高兴帮助mate:）这是新的东西。谢谢分享@J-MANMORGAN很高兴帮助mate:）@estrat它是建立在自举的基础上的，所以它的反应非常灵敏……这里和那里有一些问题。唯一的问题是，如果视图不在桌面上，我希望能够跨越更多的栏目……我的网站在iPad上看起来很拥挤。我可能会用你的代码来帮助解决这个问题。谢谢你的意见@estrat它是建立在bootstrap之上的，所以它的响应速度非常快……这里和那里都有一些问题。唯一的问题是，如果视图不在桌面上，我希望能够跨越更多的栏目……我的网站在iPad上看起来很拥挤。我可能会用你的代码来帮助解决这个问题。谢谢你的意见！