为移动设备优化网站

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

1. 找出您计划支持的设备范围。你可以问一些问题
   • 你打算只支持智能手机吗

1. 将设备的目标范围划分为

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

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

我希望我能澄清你们中的一些问题。:)

最终指南必须是W3C移动Web最佳实践: http://www.w3.org/TR/mobile-bp/ 别因为篇幅太长而耽误了你的时间——我发现它比其他W3C规范更容易阅读。关键部分是最佳实践陈述,分为小部分,通常有一个例子。这里还有一个最新的广泛的移动web优化指南: http://dev.opera.com/articles/view/the-mobile-web-optimization-guide/ (免责声明:我为Opera工作)

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

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

iPhone:提供设备和模拟器。 Android:提供设备和模拟器

检查 http://www.deviceanywhere.com

当然,你需要付服务费。但我认为这是合理的。

iPhone 4 WVGA800型 VGA格式 QVGA格式

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

这是你的设计问题。

Android和iOS对这类事件有特别的信息。你必须遵循这样的信息。 当然,你需要景观和港口布局。

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