从今天起，开始不定期对我所能掌握的移动设备们（当然，主要是手机）进行WEB兼容性测试，并将测试结果总结性地记录在此分享给需要的朋友。测试所使用的工具是之前一直在维护的手机兼容性测试套装，由于涉及到公司商业保密性等因素，暂不便于开放出来。对于测试工具，推荐参考W3C MWI Team的Mobile Web Test Suites Working Group，这里面的工具套装制作得非常全面细致，很棒。
另外，对于原始测试结果的数据记录，推荐使用Excel来做全面的记录。Excel还是非常强大的，经过一段时间的原始数据积累，我们可以用计算公式来做总数、平均值等累加，另外可以生成统计报表，如下图所示，非常帅XD。
言归正传，这次拿到两款机型，分别是阿尔卡特OT800以及联想Miro i61，它们也分别是淘宝手机“无双”、“灵素”的原型机。作为淘宝定制手机，它们内置了很多淘宝客户端应用软件。想知道这两款手机的更多信息，欢迎访问淘宝手机官方旗舰店进行更细致的了解。
下面你看到的，是针对Alcatel：OT800的WEB兼容性测试记录。
注意：对于本兼容性测试系列，原始测试数据将不会悉数列出，文章中只会标明需要注意的测试点（兼容性有问题或需要注意的地方）以提供设计的参考依据。另外，这里只会针对手机内置浏览器进行测试，其它第三方浏览器（Opera Mini、UCWEB、QQ浏览器等）将不在此范围内。
[兼容性测试]Alcatel：OT800
基本参数信息
- 上市时间：2009
- 屏幕尺寸：2.2英寸
- 分辨率：320×240 （横屏）
- 颜色：26万
- 操作系统：非智能机
- 更多参数信息
设备特色
- QWERTY全键盘
- 横屏
- 支持多进程
- 屏幕右侧带有浏览滚轮，支持浏览时卷动页面，很方便
- 内置淘宝客户端（手机旺旺、随身购、淘掌柜、支付宝、数字商店、手机彩票等，见官网）
浏览器特色
- 有标题栏，但不支持favicon
- 无指针，焦点获取式浏览
- 网页构建模式：标准、自动换行、优化模式、纯文本（前3项未发现明显区别）
- 浏览模式：4向、双向、滚动（切换上下左右功能键的选择方式）
- 缩略图（选择后可在屏幕右侧开启整页的缩略图，标明当前浏览区域）
- 选择模式（选择后可以选择普通图片）
- 支持缓存
- 无屏幕转向功能
网页兼容性测试结果
- 默认行高在1.2em左右
- 默认h1-h4标题文本大小相同
- 不支持超链接悬停样式（无指针浏览器普遍不支持）
- 不支持字体设置
- 字号12px与14px大小相同（18px正常）
- 不支持letter-spacing
- 不支持vertical-align:bottom
- 不支持word-wrap
- 不支持overflow:auto和overflow:scroll的滚动条
- 不支持JavaScript的Event:onmouseover和onmouseout（无指针浏览器普遍不支持）
- 超大图片提供横向滚动条
- 不支持连续英文、中文符号换行（插入空格例外）
- 不支持特殊字符：‖♂ ♀
部分实际效果图
测试结果总结
问题比例（出问题的测试点占所有测试点的比例）：12%左右
可以说，这款机型的兼容性结果让我感觉很意外。在以往的测试机型中，支持情况是属于非常好的一个，对CSS和JavaScript的支持非常棒。问题比例与之相近的有moto的A1200e和Nokia的5800xm等。
需要特别说明的是，这款浏览器还支持XHTML的button元素、CSS的position:fixed、float、清浮、display:inline-block、负值边距、JS的XMLHttpRequest等，在设计时可以充分地考虑更高级的布局、JS交互等渐进增强方案。支持打开超过100K大小的页面，因为缓存的因素，打开浏览过的页面速度很快，在性能方面表现很优秀。
对于网页的设计来说，要比较好的支持这款手机内置浏览器非常容易，只需要重点考虑以下几点：
- 设计时不要使用12px与14px的字体来做不同文本的区分
- 不要把垂直向下对齐放在重要设计环节上
- 要注意连续英文和中文符号的不换行状况（尤其在用户留言处），可以用overflow:hidden避免对界面的破坏
最后，值得一提的是，在浏览页面时，屏幕右侧的滚轮键设计得非常好，页面很长的情况下可以用拇指很方便的向下滚动页面（类似鼠标中键）。而相对最明显缺陷是，没 有提供横向的屏幕转向设置，浏览时会感觉屏幕高度视野太小，不是很爽（OperaMini可以很好的解决这个问题，但不在讨论范围内）。
OK，以上就是本次测试的全部内容。下次的兼容性测试文章，将会对联想Miro i61（淘宝手机-灵素）进行测试。欢迎继续关注！：）
3条评论
（Trackback URI）1
很好。除了CSS的兼容性之外，别忘记还有图片(如PNG24和SVG)和flash的支持特性也要告诉大家哦。
我看了一下，浏览器是使用Obigo对吗？这个浏览器还可以。
2
OK，多谢五梭兄提醒。对于PNG24以及Alpha透明通道，都可以很完美地支持。至于Flash，目前的测试页面中暂时还没加入这方面的测试，这点会在下次的更新中加入对Flash的支持情况检查。不过根据个人经验，目前中低端机型普遍对Flash支持得很不理想，我记得Adobe方面好像在一两年后才会下力气推Flash的移动支持规范。
浏览器在handsetdetection中查证确实是Obigo。对于这款浏览器，之前没有接触过，很多特性都不熟悉。看来要照时间好好看看这个浏览器资料：）
[...] 在上次阿尔卡特OT800（淘宝手机“无双”）的WEB兼容性测试后，本次带来的是针对Lenovo：Miro I61，也就是“灵素”的兼容性测试记录。另外，想知道这两款手机的更多信息，欢迎访问淘宝手机官方旗舰店进行更细致的了解。 [...]
写个评论