web - 如何制作手机版网站

Question

我正在寻找可以帮助我学习如何设置我的网站的东西，以便当人们访问它时有普通版本和移动版本。我遇到的问题是，我在谷歌上看到的大多数网站都是付费网站，可以帮助您进行设置。我可以制作两个版本的网站并将它们都加载到我的主机上吗？另外它如何知道何时加载移动设备与常规设备？这些是我想要学习的东西类型，有什么开始的地方建议吗？

Answer 1

请确保您执行以下操作:

仅在增加值(value)时才做移动版本。

如果用户从移动设备请求深层链接，不要重定向到移动主页

允许用户选择查看完整版

确保 iPad 等平板电脑默认使用完整版

不要为 iPhone 等高分辨率智能手机提供 WML

如果您的全尺寸网站无法在手机上使用，请考虑调整它以使其更合适(不要将内容文本打印得太宽)。

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

移动版本的好例子包括:

谷歌网站

Gmail 网站

平庸的例子包括:

任何 blogpress 站点

不好的例子包括

任何使用 WML 的东西

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

Note that the Safari on iPad user agent string contains the word "Mobile", but does not contain the word "iPhone". If you are currently serving mobile content to any browser that self-identifies as "Mobile", you should modify your user agent string checks to look for iPad and avoid sending it the wrong version of your site. The version numbers in this string are subject to change over time as new versions of Safari on iPad become available, so any code that checks the user agent string should not rely on version numbers.