检测SmartPhones Not平板电脑

Question

我正在创建一个移动版本的网站，但仅适用于智能手机。如果设备是平板电脑、笔记本、上网本、台式机或其他类似设备，我希望用户自动转到完整网站。如果是简单的CSS，我会知道怎么做。但是，移动版本使用与全站点版本不同的模板和脚本，需要相应地进行重定向，而不是简单地使用另一个样式表。

有没有人有建议或文章可以展示如何检测这些设备并相应地进行重定向？

Answer 1

您的问题的有效解决方案可以在这里找到：https://github.com/sebarmeli/JS-Redirection-Mobile-Site

Answer 2

我能找到这样做的唯一方法是一个黑客，我：

在此基础上，

1. 使用css媒体查询来检测使用color.
2. Redirect的手机-我将体色从#000000改为#000001
3. 使用OnLoad调用Javascript来检查body color.
4. Redirect。(在我自己的例子中，我实际上使用了一个window.confirm调用来为用户提供选择，而不是强制重定向)。

它可以检测所有连接到6+的iPhones，以及我测试过的安卓和视窗手机。它区别于所有当前的iPads和我尝试过的笔记本电脑和台式机。

注意：

(1)对于颜色，您必须使用rgb，并保留与书写完全相同的空格。

(2)我发现类似的代码由于一些未知的原因无法检测到身体的背景颜色。

(3)检测css样式的关键是使用getComputedStyle() (或IE的currentStyle )而不是getStyle()。

(4)即使主体颜色的变化是不可察觉的，也可以通过为所有css类等指定颜色来覆盖它。