如何制作手机版网站

时间:2010-11-24 17:27:45

标签: web mobile-website

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

3 个答案:

答案 0 :(得分:8)

请请确保您执行以下操作:

  1. 只有移动版才能增加价值。
  2. 如果用户从移动设备请求深层链接,请不要重定向到移动主页
  3. 允许用户选择查看完整版
  4. 确保iPad等平板电脑默认使用完整版
  5. 不要向智能手机(如iPhone)提供WML服务
  6. 如果您的全尺寸网站在手机上无法使用,请考虑将其调整为更合适(不要将内容文字打印得太宽)。
  7. 现代iPhone和iPad完全能够处理大多数全尺寸网站,除非能够真正改善用户体验,否则几乎不需要移动版。我讨厌被重定向到一个婴儿界面,它不提供我需要的信息。

    移动版本的好例子包括:

    • Google网站
    • Gmail网站

    平庸的例子包括:

    • 任何blogpress网站

    不好的例子包括

    • 使用WML的任何内容

    这是Apple的advice on providing mobile versions to the iPad

      

    请注意iPad用户的Safari   代理字符串包含单词   “手机”,但不包含   单词“iPhone”。如果你现在   向任何浏览器提供移动内容   你自我认定为“移动”   应修改您的用户代理字符串   检查以寻找iPad并避免   发送错误的版本   现场。这个版本号   字符串随时间而变化   作为iPad的新版Safari   变得可用,所以任何代码   检查用户代理字符串应该   不依赖于版本号。

答案 1 :(得分:2)

要查看的内容是@mobile css媒体类型,用于在移动设备中加载时加载不同的样式。我不确定哪些设备支持它,但我想这将是大多数流行的型号。就你的建议而言,你当然可以主持两个不同的网站,但在你遇到麻烦之前我会挑衅地通过Alex的建议。

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

答案 2 :(得分:2)

Alex有一些很好的建议,但如果您真的想要提供基于移动或非移动设备的特定版本,您可以查看http标头。在某些情况下,用户代理会将其丢弃,但并非总是如此。有关详细信息,请查看此链接:http://detectmobilebrowsers.mobi/