优化移动设备的网站
我正在开发专门用于移动浏览器的网站。 我应该遵循哪些准则来优化移动开发网站？ 我的主要担忧：优化移动设备的网站
大多数移动设备都有合适的浏览器。如何在这些不同的浏览器上测试应用程序（由于安全限制，无法在实际设备上进行测试）？
如何针对不同屏幕尺寸优化网站？
如何使应用程序触摸友好？
如何检测设备的方向（在加速度计附带的设备中）？
如何检查设备不是台式机/笔记本电脑？
我在设计移动网站时使用过的东西。
- 找出您打算支持的设备的范围。你可以问一些问题是
- 有U将只支持智能手机
- 哪些平台是U计划支持（iPhone，安卓，塞班？）
很多你问题可以通过您可以收集的那种分析来回答。如果你的统计数据非常少，那么你可以按照这个策略开始。
-
分离出来的设备的目标范围为
- 简单的（基本的手机以最小的浏览功能。） - 设计一个非常简单普通的香草网站他们。
- 中等（老一代智能手机浏览器支持JavaScript差） - 设计一个功能略好的网站。
- 高端智能手机（iPhone，Android，WebOS） - 提供这些手机支持的爵士功能。
使用WURFL/.Mobi等设备检测库进行设备检测，使用WALL进行内容动态呈现。
您可以使用.Mobi检测符合HTML5的移动浏览器。这样，您就可以利用支持它的设备中的HTML5功能。
-
测试你可以按照这个方法在浏览器
- 测试 - 火狐/ Safari浏览器/歌剧有插件来改变USER_AGENT并可以模拟移动测试。
- 模拟器测试 - 所有设备平台都提供免费下载模拟器
- 如果需要，尝试设备仿真产品，如设备在任何位置/完美。
我希望我能澄清一些ATLEAST你的问题。 :)
权威指南必须是W3C移动网络最佳实践：http://www.w3.org/TR/mobile-bp/不要让它的长度让你失望 - 我发现它比其他W3C规范更容易阅读。关键部分是最佳做法声明，通常以示例形式分为一口大小的块。这里还有一个最近的和广泛的移动网页优化指南：http://dev.opera.com/articles/view/the-mobile-web-optimization-guide/（免责声明：我为Opera工作）
Q1大多数移动设备都有合适的浏览器。如何在这些不同的浏览器上测试应用程序（由于安全限制，无法在实际设备上进行测试）？
答案取决于您想要测试和支持的设备数量。
iPhone：设备和模拟器可用。 Android：设备和模拟器可用
其他手机？
检查http://www.deviceanywhere.com
当然，你需要支付服务费。但我认为它是合理的。
Q2如何针对不同屏幕尺寸优化网站？
iPhone4的 WVGA854 WVGA800 VGA HVGA QVGA QCIF +
制作内容为所有不同尺寸是困难的。所以必须对屏幕尺寸和支持的型号做出选择。
Q3如何使应用程序触摸友好？
这是你的设计问题。
Q4如何检测设备的方向（在加速度计附带的设备中）？
Android和iOS有关于此类事件的特殊消息。你必须遵循这样的信息。 当然，你需要风景和portlait布局。
Q5如何检查设备不是台式机/笔记本电脑？
您可以使用User-Agent标头或IP地址。但IP地址不是好方法。
要添加：请使用基于代理的浏览器，如Opera Mini – 2010-10-20 09:19:31