我为我的网站设计了一个手机主题。但我不知道如何将手机访问者"重定向"到那个主题?
我的场景有哪些可用选项?
您可以使用这个PHP类来检测和重定向移动用户
您可以在指定CSS文件时使用media="handheld"
属性,这样它只会为手持设备(如手机)加载。但如今,这正变得多余,因为安卓浏览器和iPhone浏览器不会将自己识别为handheld
设备,以防止以最小格式提供网页。
看看这个线程。
要为手机加载自定义phone.css
,可以根据用户的屏幕宽度并使用media
查询。
例如,将其添加到<head>
部分:
<link rel="stylesheet" type="text/css" media="screen and (max-device-width: 480px)" href="phone.css" />
现在,当设备的屏幕宽度小于480px
时,将加载phone.css
。
有关详细解释,请查看此源代码。
希望这能有所帮助。:)
您必须检查HTTP请求的用户代理字符串。
基于此,您可以重定向到相应的网站,或加载正确的CSS/资源文件等
如果您希望查看浏览器的用户代理字符串,可以转到此网站。例如,我现在在Windows 8 PC中使用Chrome,我的字符串是:
Mozilla/5.0(Windows NT 6.2;WOW64)AppleWebKit/537.36(KHTML,类似Gecko)Chrome/27.01453.116 Safari/537.36
我家里有很多安卓设备。当使用Chrome浏览器浏览时,它们基本上都有相同的用户代理字符串。我链接到的网站还列出了最常见的网站(请检查页脚中的链接)。