如何制作网站的移动版

Question

我在寻找能够帮助我了解如何设置我的网站的内容，以便人们在使用该网站时可以使用常规版本和移动版本。我遇到的问题是，我在google上看到的大多数网站都是支付网站，可以帮助您设置该网站。我可以制作两个版本的网站，并在我的托管中加载它们吗？它怎么知道什么时候加载移动设备和普通的？这些是我期待学习的东西的类型，对于开始的地方有什么建议？

Answer 1

请请请务必做到以下几点：

1. 只做一个移动版本，如果它增加了价值。
2. 如果用户请求来自移动设备的深层链接，不要重定向到移动主页
3. 允许用户选择查看完整版
4. 确保平板电脑如iPad的使用默认为完整版
5. 请勿将WML用于高分辨率智能手机，如iPhone
6. 如果您的全尺寸网站在手机上无法使用，请考虑将其调整为更合适（不要打印内容文本太宽）。

现代的iPhone和iPad完全能够处理大多数全尺寸的网站，除非真正改善用户体验，否则几乎不需要移动版本。我讨厌将它重定向到一个不提供我所需信息的宝贝界面。

移动版的很好的例子包括：

• 谷歌网站
• Gmail网站

平庸的例子包括：

• 任何blogpress网站

个

坏例子包括

• 任何使用WML

---

这里是苹果公司的advice on providing mobile versions to the iPad：

注意，Safari浏览器的iPad用户 代理字符串包含单词 “手机“，但不包含 单词”iPhone“。如果您目前 服务移动内容的任何浏览器 自我标识为“移动”，你应该 修改您的用户代理字符串 检查，以寻找iPad和避免 它发送您的 网站的版本错误。 字符串中的版本号会随着时间而改变 ，因为新版本的iPad 上的Safari变得可用，因此 检查用户代理字符串的任何代码 都不依赖于版本号。

Answer 2

需要注意的是@mobile css媒体类型，它用于在移动设备中加载时加载不同的样式。我不确定哪些设备支持它，但我想它会是大多数流行的模型。就你的建议而言，你当然可以托管两个独立的网站，但在你经历麻烦之前，我会挑衅地通过Alex的建议。

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

Answer 3

亚历克斯有一些很好的建议，但如果你真的想基于服务一个特定版本的移动或非移动，你可以看看HTTP头。在某些情况下，用户代理会放弃它，但并非总是如此。看看这个链接的细节：http://detectmobilebrowsers.mobi/