重定向网站的移动版或桌面版的问题?

时间:2011-08-30 06:40:19

标签: css html5 windows-mobile user-agent

嘿,我已经同时使用了桌面版和网站的移动版。现在,当访问者访问我的网站时,我怎么才知道这个访问者访问了我的网站使用手机还是PC?

更清楚一点,当访问者通过手机访问时,会将访问者重定向到我的网站的移动版,如果通过桌面 strong>然后重定向到桌面版网站? 我怎么能这样做?我在ma网站上使用HTML5和CSS?

感谢任何帮助?

UPDATE - >如果我想通过用户代理获得答案怎么办?

4 个答案:

答案 0 :(得分:0)

This page包含一些涉及屏幕大小和可以使用的用户代理匹配的技巧。

答案 1 :(得分:0)

@Geetanjali;你定义了device-width&你的html中的meta标记如下:

<meta name="viewport" content="width=device-width" />
<link rel="stylesheet" media"screen and (max-device-width: 400px)" href="mobile.css">
<link rel="stylesheet" media"screen" href="main.css">

因此,当用户在移动设备上打开您的网站时,就会拨打mobile.css&amp;它覆盖了main.css,为您的移动网站提供了属性。

阅读这些文章了解更多http://x7.fi/2010/02/12/how-to-fit-your-website-for-the-apple-ipad/http://webdesignerwall.com/tutorials/css3-media-queries

答案 2 :(得分:0)

您可以采取以下三种主要方法:

  1. 子域(m.domain.com是标准配置)。针对您支持的移动设备优化的独立视图。最好总是提供一个 从移动网站链接到“完整”网站。你也可以cookie 人们喜欢他们。

  2. 设备检测这可以是重负荷等 WURFL更简单的事情 设备检测(通常在用户代理字符串上)。再次为用户提供指向“完整”网站和Cookie首选项的链接。

  3. 自适应设计使用流体网格和media queries创建 Responsive Design 这为所有客户提供了良好的体验。

  4. 在3种方法中,我认为响应式设计最有意义,除非您需要支持功能手机,然后是m.domain.com和响应式设计的组合。

答案 3 :(得分:0)

您可以使用javascript navigator对象检索用户代理字符串。 (只有这种方法的问题是,每次发明新设备时,您都必须不断更新移动设备使用者列表。)以下问题讨论了使用用户代理检测移动浏览器的问题。 Auto detect mobile browser (via user-agent?)