Optimization 为移动设备优化网站

我正在开发一个专门针对移动浏览器的网站。 我应该遵循什么准则来优化移动开发的网站？ 我主要关注的是：

大多数移动设备都有合适的浏览器。如何在这些不同的浏览器上测试应用程序（由于安全限制，无法在实际设备上测试）

如何优化不同屏幕尺寸的网站

如何使应用程序触摸友好

如何检测设备的方向（在带有加速计的设备中）

如何检查设备是否不是台式机/笔记本电脑

---

我在设计移动网站时使用的东西

了解您计划支持的设备范围。你可以问的一些问题是

• 你打算只支持智能手机吗
• 你计划支持哪些平台（iPhone、Android、Symbian？）

你的很多问题都可以通过你能够收集的分析来回答。如果你的统计数据很少，那么你可以从这个策略开始

将设备的目标范围划分为

• 简单（具有最低浏览能力的基本手机）-为他们设计一个非常简单的普通网站
• 中等（浏览器javascript支持较差的老一代智能手机）-设计一个功能稍好的网站
• 高端智能手机（iPhone、Android、WebOS）-提供这些手机支持的爵士乐功能

使用设备检测库（如WURFL/.Mobi）进行设备检测，使用墙动态呈现内容

您可以使用.Mobi来检测兼容HTML5的移动浏览器。这样，您就可以利用支持HTML5的设备中的HTML5功能

对于测试，您可以遵循此方法

• 在浏览器上测试-Firefox/Safari/Opera具有改变用户代理的插件，可以模拟移动测试
• 模拟器测试-所有设备平台都提供免费下载模拟器
• 如果需要，请尝试设备仿真产品，如device anywhere/perfecto

---

我希望我至少能够澄清你们中的一些问题。：）

最终指南必须是W3C移动Web最佳实践：不要因为篇幅太长而耽误您-我发现它比其他W3C规范更容易阅读。关键部分是最佳实践陈述，分为小块，通常附有示例。这里还有一个最新的广泛的移动web优化指南：（免责声明：我为Opera工作）

Q1大多数移动设备都有合适的浏览器。如何在这些不同的浏览器上测试应用程序（由于安全限制，无法在实际设备上测试）

答案取决于要测试和支持的设备数量

iPhone：设备和模拟器可用。 Android：设备和模拟器都可用

其他手机

检查

当然，您需要支付服务费。但我认为这是合理的

Q2如何针对不同的屏幕尺寸优化网站

iphone4 WVGA854 WVGA800 VGA HVGA QVGA QCIF+

为所有不同的尺寸制作内容是困难的。因此，我们必须选择屏幕大小和支持的型号

Q3如何使应用程序触摸友好

这是你的设计问题

Q4如何检测设备的方向（在带有加速计的设备中）

安卓和iOS都有关于这类事件的特别信息。你必须遵循这样的信息。 当然，您需要景观和portlait布局

Q5如何检查设备是否为台式机/笔记本电脑

---

您可以使用用户代理标头或IP地址。但IP地址不是一个好方法。

补充：使用基于代理的浏览器（如Opera Mini）时需要考虑一些问题