我正在寻找能帮助我了解如何设置我的网站的内容,以便当人们访问它时,会有常规版本和移动版本。我遇到的问题是,我在谷歌上看到的大多数网站都是付费网站,可以帮助您进行设置。我可以只制作我的网站的两个版本并将它们加载到我的主机上吗?另外,它如何知道何时加载移动设备而不是普通移动设备?这些是我想要学习的东西的类型,有什么地方可以开始吗?
答案 0 :(得分:8)
请请确保您执行以下操作:
现代iPhone和iPad完全能够处理大多数全尺寸网站,除非能够真正改善用户体验,否则几乎不需要移动版。我讨厌被重定向到一个婴儿界面,它不提供我需要的信息。
移动版本的好例子包括:
平庸的例子包括:
不好的例子包括
这是Apple的advice on providing mobile versions to the iPad:
请注意iPad用户的Safari 代理字符串包含单词 “手机”,但不包含 单词“iPhone”。如果你现在 向任何浏览器提供移动内容 你自我认定为“移动” 应修改您的用户代理字符串 检查以寻找iPad并避免 发送错误的版本 现场。这个版本号 字符串随时间而变化 作为iPad的新版Safari 变得可用,所以任何代码 检查用户代理字符串应该 不依赖于版本号。
答案 1 :(得分:2)
要查看的内容是@mobile css媒体类型,用于在移动设备中加载时加载不同的样式。我不确定哪些设备支持它,但我想这将是大多数流行的型号。就你的建议而言,你当然可以主持两个不同的网站,但在你遇到麻烦之前我会挑衅地通过Alex的建议。
答案 2 :(得分:2)
Alex有一些很好的建议,但如果您真的想要提供基于移动或非移动设备的特定版本,您可以查看http标头。在某些情况下,用户代理会将其丢弃,但并非总是如此。有关详细信息,请查看此链接:http://detectmobilebrowsers.mobi/