手机浏览器模拟器 web，手机浏览器兼容性测试

下面说的“多数”是指在我们测试过的机型中，有这种情况的手机比例在50%以上，“部分”是20%到50%；“少数”是20%或更少。而这个概率只限于我们测试过的模型。虽然我们收集的样本尽可能涵盖了各种手机，但并不代表所有手机的情况。

XHTML部分

大多数手机不支持的功能:

表单元素的“disable”属性

部分手机不支持:

“button”标签“input[type=file]“标签“iframe”标签。

虽然只有部分手机不支持这些标签，但是因为这些标签往往在页面上有非常重要的作用，所以是高风险标签，使用时要谨慎。

少数手机不支持:

“select”标签：该标签如果被赋予比较复杂的CSS属性，可能会导致显示不正常，比如”vertical-align:middle”。

CSS部分

大多数手机不支持的:

“font-family”属性：因为手机基本上只安装了宋体这一种中文字体；“font-family:bold;”：对中文字符无效，但一般对英文字符是有效的；“font-style: italic;”：同上；“font-size”属性：比如12px的中文和14px的中文看起来一样大，当字符大小为18px的时候你也许能看出来一些区别；“white-space/word-wrap”属性：无法设置强制换行，所以当你网页有很多中文的时候，需要特别关注不要让过多连写的英文字符撑开页面；“background-position”属性：但背景图片的其他属性设定是支持的；“position”属性；“overflow”属性；“display”属性；“min-height”和”min-weidth”属性；

部分手机不支持:

“height”属性：对”height”的支持不太好，奇怪的是在我们的测试当中，仅仅只有很少部分手机不支持”width”属性；“pading”属性“margin”属性：更高比例的手机不支持”margin”的负值。

少数手机不支持:

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

Java部分

这部分测试相对没有那么让人抓狂，或者说根本不支持。如果支持的话，对基本的dom操作和事件都有很好的支持。但是我们没有测试过非常复杂的脚本。

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

其他的

部分手机不支持png8和png24，所以尽量使用jpg和gif的图片另外对于平滑的渐变等精细的图片细节，部分手机的色彩支持度并不能达到要求，所以慎用有平滑渐变的bar设计部分手机对于超大图片，既不进行缩放，也不显示横下滚动条少数手机在打开超过20k的测试页面时，会显示内存不足

开发中需要注意的问题

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

符合XHTML移动Profile规范(WAP-277-XHTML LMP-20011029-a . pdf)，缩写为XHTMLMP，俗称WAP2.0规范。XHTMLMP是为不支持XHTML所有功能且资源有限的客户端设计的。它基于XHTML Basic，并从XHTML 1.0中添加了一些元素和属性。这些包括一些其他元素和对内部样式表的支持。和XHTML Basic一样，XHTML MP是XHTML 1.0的严格子集。

网页文档推荐使用扩展名？

建议命名为xhtml，按照WAP2.0写成html/html，但是少数手机不太支持html。

为什么现今大多数的网站一行字数上限为14个中文字符？

由于手持设备的特殊性，他们页面上的实际文本大小可能不是CSS中设置的文本大小，尤其是在第三方浏览器中。例如，在Nokia5310中，内置浏览器页面中的文本大小与CSS设置匹配，但第三方浏览器OperaMini和UCWEB页面中的文本大小大于CSS设置。经测试，文字约16px。如果屏幕的分辨率宽度为240px，并且去掉了外部边距，则在一行中显示少于14个单词会更安全(避免文本换行)。

使用WCSS还是CSS？

WCSS (WAP层叠样式表或WAP CSS)是一个移动CSS样式表。是CSS2的子集，去掉了一些不适合移动互联网的属性，增加了一些带有WAP功能的扩展(如-WAP-input-format/-WAP-input-required/display:-WAP-marquee等)。).需要注意的是，这些特殊的属性扩展不是很实用，所以不建议在实际的项目开发中使用WCSS特有的属性。

避免空值属性

如果属性值为空，网页没有问题，但大多数手机页面都会报错。

网页大小限制

建议低版本页面不要超过15k，高版本页面不要超过60k。

用手机模拟器和第三方手机浏览器的在线模拟器来测试页面是不是靠谱？

如果条件允许，我们当然建议在手机实体上进行测试，因为目标客户群的手机设备总是在变化，而这些手机模拟器通常无法完整正确地模拟手机上页面的显示，比如图片颜色、页面大小限制等。，所以很难在模拟器上测试它们。当然，第三方移动浏览器的一些在线模拟器还是可以测试的，第三方浏览器受移动设备的影响相对较小。