如何制作移动版网站

请确保您执行以下操作:

1. 只有当移动版本增加了价值时才做它。
2. 如果用户从移动设备请求深度链接,请不要重定向到移动主页。
3. 允许用户选择查看完整版本
4. 确保iPad等平板电脑默认使用完整版本
5. 不要为iPhone等高分辨率智能手机提供WML服务
6. 如果您的全尺寸网站在手机上无法使用,请考虑将其调整为更合适(不要将内容文本打印得太宽)。

现代的iphone和ipad完全能够处理大多数全尺寸的网站,几乎不需要移动版本,除非它确实改善了用户体验。我不喜欢被重定向到没有提供我需要的信息的婴儿界面。

移动版本的好例子包括:

• 谷歌网站
• Gmail网站

平庸的例子包括:

• 任何blogpress站点

不好的例子包括

• 任何使用大规模杀伤性武器的东西

这是苹果的 advice on providing mobile versions to the iPad :

请注意,safari on ipad用户 代理字符串包含单词 “移动”,但不包含 单词“iphone”。如果你现在是 向任何浏览器提供移动内容 那个自我认同为“移动”,你 应该修改用户代理字符串 检查以寻找ipad并避免 发送错误版本的 站点。此中的版本号 字符串随时间变化 作为iPad上Safari的新版本 变得可用,所以任何代码 检查用户代理字符串 不依赖版本号。

要研究的是@mobile css media type,它用于在移动设备中加载时加载不同的样式。我不确定哪些设备支持它,但我想它将是最流行的型号。至于你的建议,你当然可以有两个独立的网站,但我会不顾一切地通过亚历克斯的建议,然后你通过麻烦。

http://www.w3.org/TR/css-mobile/

亚历克斯有一些好的建议,但是如果你真的想提供一个基于移动或非移动的特定版本,你可以看看HTTP头。在某些情况下,用户代理会将其分发,但并不总是这样。查看此链接以获取详细信息: http://detectmobilebrowsers.mobi/