Question

我需要使用纯HTML或javascript来切换到网站的移动视图...呃，任何不需要服务器端脚本的东西。我们的网站是通过Dropbox半暂时托管的。（http://teammetalcow.com重定向到公用文件夹中的HTML文件。）我需要一种方法，以便我们可以检测用户的设备类型，然后适当地显示移动或桌面版本。有一种简单的方法可以在移动网站上进行操作。这甚至可能吗？如果你能提供帮助，非常感谢。

Answer 1

你可以尝试一些像断点这样的库：https://github.com/martinmartinmartin/breakpoint/或者研究这个javascript：http://www.sitepoint.com/javascript-media-queries/

您只需要使用javascript检测设备，然后重定向。

// in case of a viewport
if (document.documentElement.clientWidth < 900) {
// scripts --> redirect
    window.location = "http://www.disney.com"
}

// in case of a screen
if (screen.width < 900) {
// scripts --> redirect
    window.location = "http://www.disney.com"
}

继续

Answer 2

你可以为此做很多不同的事情。带有媒体查询的CSS是一种解决方案，但是为站点的移动版本提供更简单的方法是进行实际的设备检测，并根据设备类型加载站点的备用版本。

如果您正在使用Apache网络服务器，

Apache Mobile Filter提供了一种非常轻松的方法。它为您处理设备检测。一旦您以某种方式检测移动设备，您可以将用户重定向到特定于移动设备的站点（从单独的域或子目录提供服务，或沿着这些线路提供），或使用您用于生成站点的任何后端代码在检测到移动设备时，可选择显示网站的移动版本（AMF会设置HTTP标头，告诉您该请求是来自移动设备，平板电脑等）。

还有其他选择，但这些可能是最简单的方法。

切换到纯HTML的移动视图

2 个答案: