Question

我无法弄清楚如何使用jQuery / JavaScript检测“哑”手机浏览器。我有一个台式机/平板电脑，智能手机和我网站的哑铃版。该网站的智能手机版本对于哑巴手机来说太沉重和缓慢，所以我想将它们重定向到“精简”版本。

这方面的一个很好的例子就是Facebook。当我在一个愚蠢的手机浏览器上打开Facebook时，用户被重定向到hte lite版本。我该怎么做同样的行为？

注意：我使用JavaScript而不是PHP，因为平台限制。（它在Tumblr上。）

Answer 1

在您的javascript中，您需要检测用户代理变量（这是每个浏览器用来标识自身的内容）。

if( /Android|webOS|iPhone|iPad|iPod|BlackBerry/i.test(navigator.userAgent) ) {
 // Redirect code goes here
 window.location = "someplace.com";
}

基本上，您必须手动输入要测试的类型，并为每个案例设置一个if / else语句。（请参阅http://www.w3schools.com/jsref/prop_nav_useragent.asp和http://useragentstring.com/pages/useragentstring.php）

Answer 2

另一个好方法是检查浏览器中是否存在某些功能，例如http://modernizr.com/库。这可能是更好的性能，并且您不必在每次找到“哑铃”时更新用户代理字符串。