手机开发必备知识

核心提示：少数手机对CSS完全不支持;JavaScript部分这部分测试相对不那么让人抓狂，要么干脆不支持，手机开发必备知识(3)，如果支持的话，对基本的dom操作、事件等支持度都还不错，这些特殊的属性扩展并不是很实用，所以在实际的项目开发当中，但我们没有测试过很复杂的脚本，在我们测试过的手机当中

少数手机对CSS完全不支持;

JavaScript部分

这部分测试相对不那么让人抓狂，要么干脆不支持，如果支持的话，对基本的dom操作、事件等支持度都还不错。但我们没有测试过很复杂的脚本。

在我们测试过的手机当中，支持(包括不完全支持)JavaScript的手机比例大约在一半左右，当然，对于我们来说，最重要的不是这个比例，而是要如何做好JavaScript的优雅降级。

其他

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

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

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

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

开发中你需要注意的问题

手机网页编码需要遵循什么规范?

遵循XHTML Mobile Profile规范(WAP-277-XHTMLMP-20011029-a.pdf)，简称为XHTML MP，也就是通常说的WAP2.0规范。 XHTMLMP 是为不支持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特有的属性。