仅允许从移动和平板电脑设备访问

时间:2012-11-06 08:58:09

标签: javascript jquery jquery-mobile modernizr

我的客户有非常具体的要求。他想阻止所有“经典”电脑(台式机/笔记本电脑)。

因此,如果我从iPhone,Android或平板电脑访问该网站,它会显示所有内容(我可以通过响应式设计获得不同的分辨率)。但是当有人来自Mac或Windows或Linux(我知道Android也是基于gnu / linux;))访问网络时,他只得到一条消息“这个网站只适用于移动设备”或类似taht。

但我不知道如何“禁止”mac os,win,linux等。

可以javascript(jQuery)库,例如Modernizr或其他具体条件“只是移动设备”?

Windows 8 :(?

我真的很感谢任何建议,因为我之前从未有过这样的要求?

2 个答案:

答案 0 :(得分:1)

我认为你可以通过多种方式做到这一点。

要么通过javascript检查,但是如果有人关闭javascript你会再次被搞砸,因为他们可以看一下网站:

if( /Android|webOS|iPhone|iPad|iPod|BlackBerry/i.test(navigator.userAgent) ) {
 // some code..
}

或者您可以通过modernizr检查它,但我不知道如何在modernizr中完成它并且您还会遇到关闭javascript代码的问题,

或者您可以通过以下方式下载适合您案例的脚本:

http://detectmobilebrowsers.com/

你可以做的另一件事是检查屏幕分辨率但是,我们回到了javascript案例。

答案 1 :(得分:0)

根据MSDN,如果是平板电脑,Windows会向浏览器用户代理添加Tablet PC

我建议不要通过javascript执行此操作,因为如上所述:如果禁用了javascript,人们就可以访问您的网站了。