手机网站开发必修课[2009总结版]（3）

其他

• 部分手机不支持png8和png24，所以尽量使用jpg和gif的图片

• 另外对于平滑的渐变等精细的图片细节，部分手机的色彩支持度并不能达到要求，所以慎用有平滑渐变的bar设计

• 部分手机对于超大图片，既不进行缩放，也不显示横下滚动条

• 少数手机在打开超过20k的测试页面时，会显示内存不足

开发中你需要注意的问题

• 手机网页编码需要遵循什么规范？
  遵循XHTML Mobile Profile规范（WAP-277-XHTMLMP-20011029-a.pdf），简称为XHTML MP，也就是通常说的WAP2.0规范。 MP是为不支持XHTML的全部特性且资源有限的客户端所设计的。它以XHTML Basic为基础，加入了一些来自XHTML 1.0的元素和属性。这些内容包括一些其他元素和对内部样式表的支持。和XHTML Basic相同，XHTML MP是严格的XHTML 1.0子集。

• 网页文档推荐使用扩展名？
  推荐命名为xhtml，按WAP2.0的规范标准写成html/htm等也是可以的。但少数手机对html支持的不好。

• 为什么现今大多数的网站一行字数上限为14个中文字符？
  由于手持设备的特殊性，其页面中实际文字大小未必是我们在CSS中设定的文字大小，尤其是在第三方浏览器中。例如Nokia5310，其内置浏览器 页面内文字大小与CSS设定相符，但是第三方浏览器OperaMini与UCWEB页面内文字大小却大于CSS设定。经测试，其文本大概在16px左右。 假如屏幕分辨率宽度为240px，去除外边距，那么其一行显示14个字以内，是比较保险（避免文本换行）的做法。

• 使用WCSS还是CSS？
  WCSS (WAP Cascading Style Sheet 或称 WAP CSS)是移动版本的CSS样式表。它是CSS2的一个子集，去掉了一些不适于移动互联 * 性的属性，并加入一些具有WAP特性的扩展（如-wap-input-format/-wap-input-required/display:-wap-marquee等）。 需要留意的是，这些特殊的属性扩展并不是很实用，所以在实际的项目开发当中，不推荐使用WCSS特有的属性。

• 避免空值属性
  如果属性值为空，在web页面中是完全没有问题的，但是在大部分手机网页上会报错。

• 网页大小限制
  建议低版本页面不超过15k，高版本页面不超过60k。

• 用手机模拟器和第三方手机浏览器的在线模拟器来测试页面是不是靠谱？
  有条件的话，我们当然建议在手机实体上进行测试，因为目标客户群的手机设备总是在不断变化的，这些手机模拟器通常不能完全正确的模拟页面在手机上的显示情况，比如图片色彩，页面大小限制等就很难再模拟器上测试出来。当然，一些第三方手机浏览器的在线模拟器还是可以进行测试的，第三方浏览器相对来说受手机设备的影响较小。

推荐参考资料

开发权威网站

• WAPForum：XHTML Mobile Profile规范.pdf

• WAPForum：WCSS规范.pdf

• W3C：XHTML Basic 1.1规范.html

• W3C：Mobile Web Test Suites Working Group.html

• PPK：关于手机浏览器兼容性的测试和研究.html

• Developershome：XHTML MP 教程.html （汉化版）

经典开发文章

• Unknown：移动WAP相关标记语言的演进.jpg

• Flora Graham：Alternative mobile browsers tested.html

• Lucas Pettinati(Yahoo)：Challenges of Interface Design for Mobile Devices.html

• Holly Kolman：How to Make a Click to Call Link.html

• Brian Suda：Introduction to the Mobile Web.html

手机型号查询

• handsetdetection：手机查询.html 机型很全，偏国外机型，参数较多

• mobile9：手机查询.html 机型较全，偏门机型可能无内容

• 试手机网：手机查询+模拟.html 机型稍少，可以模拟手机操作

总结

目前来说，手机网站开发是个典型的设备驱动开发的过程，页面被设计成什么样，能做到怎么样，几乎全取决于目标客户的手机设备情况。

所以，对手机设备的了解，对于设计开发过程有着直观重要的作用，对于前端来说，就需要有计划的进行长期的手机浏览器兼容性测试，什么样的设计能被实现，什么样的标签可以使用，这些都需要有数据的支持。

我们必须有这样的认知，开发的手机网页总是会在或多或少的手机设备上出现问题，因为我们永远无法知道所有用户的手机设备情况，所以我们更要尽量的遵循标准进行开发，这样才能将满足用户的比例做到最好。

任何一个领域都有值得你进行深入了解的地方，即使现在看起来，手机网站的开发还有点不入主流，但我相信，随着手机设备的更新换代，总有一天它也会成为我们占领客户的一个重要战场，iphone这类有符合web标准的浏览器的手机发布，也给了我们更多的信心。

总之，革命尚未成功，同志仍需努力。顺祝大家新年快乐！