如何知道访客正在使用手机?

时间:2013-07-06 16:54:50

标签: php mobile responsive-design mobile-website

我为自己的网站设计了手机主题。但我不知道如何将移动访问者“重定向”到该主题?

我的方案有哪些可用选项?

3 个答案:

答案 0 :(得分:2)

您在指定CSS文件时可以使用media="handheld"属性,这样它只会为手持设备(如手机)加载。但是现在这已经变得多余了,因为Android浏览器和iPhone的浏览器并没有将它们识别为handheld设备,以防止以最小的格式提供网页。

查看 this 主题。

要为手机加载自定义phone.css,您可以依赖用户的屏幕宽度并使用media查询。

例如,将其添加到您的<head>部分:

<link rel="stylesheet" type="text/css" media="screen and (max-device-width: 480px)" href="phone.css" />

现在,当设备的屏幕宽度小于phone.css时,480px会加载。

有关详细说明,请查看 this 来源。

希望这有帮助。 :)

答案 1 :(得分:2)

您可以使用此PHP class

检测并重定向移动用户

答案 2 :(得分:0)

您必须检查HTTP请求的user agent string

基于此,您可以重定向到相应的站点,或加载正确的CSS /资源文件等。

如果您希望查看浏览器的用户代理字符串,可以转到 this 网站。例如,我现在在Windows 8 PC中使用Chrome,我的字符串是:

  

Mozilla / 5.0(Windows NT 6.2; WOW64)AppleWebKit / 537.36(KHTML,与Gecko一样)Chrome / 27.0.1453.116 Safari / 537.36

我家里有很多Android设备。使用Chrome浏览时,它们都具有基本相同的用户代理字符串。我链接的网站也列出了最常见的网站(检查页脚中的链接)。