wap开发FAQ大全
1 、常见的手机浏览器
opera mini
IE Mobile
safari
Android webkit
Blackberry
ucweb
QQ 手机浏览器
Go
2 、手机屏幕分辫率
现在手机常用的分辫率有： 128*160 、 176*220 、 240*320 。
128*160 多用在低档的手机。
中档的手机一般分辨率为 176*220 。
中高档手机分辨率多为： 240*320 。
现在最高的分辨率达到了 480*640
注意
很多wap 页面用了固定宽度，这里不建议采用这种方法
固定宽度有很多兼容问题，页面出现显示不全，出现横向滚动等现象。
最佳做法是让宽度自动适应，
手机一行大概能显示13 个中文字符
128 的手机基本不能访问互联网，这里采用了一个市场占有率比较大的最小手机分辨率
3. 开发 wap 软件需要的工具
为了开发 WAP 应用程序，需要一个 WAP 网关和 WAP 工具包。 Wap2.0 页
面的开发和 HTML 页面的开发一样，可以使用 Notepad 或者其他文本编辑器来进行编辑。
常见开发环境模拟器 :
Nokia 、 Ericsson 、 UpPhone 和 Motorola 都提供免费的 WAP 网关和工具包。
Nokia ： Nokia Toolkit 和 Nokia WAP Server 。
Ericsson ： Ericsson R320 和 WapIDE 。
UpPhone ： UpPhone SDK 。
Motorola ： Motorola ADK 。
4. 开发过程注意事项：
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 完全不支持；
JavaScript 部分
支持（包括不完全支持）JavaScript 的手机比例大约在一半左右，当然，对于我们来说，最重要的不是这个比例，而是要如何做好JavaScript 的优雅降级。
网页文档推荐使用扩展名
推荐命名为xhtml ，按WAP2.0 的规范标准写成html/htm 等也是可以的。但少数手机对html 支持的不好。
避免空值属性
如果属性值为空，在web 页面中是完全没有问题的，但是在大部分手机网页上会报错。
网页大小限制
建议低版本页面不超过15k ，高版本页面不超过60k 。
关于 session 问题
确实有些手机是不支持session 的, 这个现象是越来越少了, 但是有可能是有的网关不支持session, 这个问题可以通过程序URL 后带session id 来解决;
如果必须使用session 则页面中的链接url 需要用URLEncode 保证该页面的通用性;
使用session 会造成消耗大量服务器资源;
页面宽度选取与兼容
很多wap 页面用了固定宽度，这里不建议采用这种方法
固定宽度有很多兼容问题，页面出现显示不全，出现横向滚动等现象。
最佳做法是让宽度自动适应，
手机一行大概能显示13 个中文字符
我看过有些文章说是14 个，这里问题不大。
我们这里取13 个中文字符
URL 请求路径
请求路径应该全部改为小写。因为有些低端手机不区分大小写的，所以当遇到该类手机时会返回404 错误，找不到请求路径。
页面优化
由于用户对流量很敏感。wap 页面要尽可能的控制流量。
相比于web,wap 页面优化达到了苛刻的地步。
wap 页面严格执行web 端的优化原则
1. 动态程序和静态页面分离，减少页面空白。
2. 样式和代码进行压缩
3. 用短命名法
4. 尽可能使用canvas 代替图片(iphone 应用开发)
5. 减少请求数
其他
- 部分手机不支持 png8 和 png24 ，所以尽量使用 jpg 和 gif 的图片
- 另外对于平滑的渐变等精细的图片细节，部分手机的色彩支持度并不能达到要求，所以慎用有平滑渐变的 bar 设计
- 部分手机对于超大图片，既不进行缩放，也不显示横下滚动条
- 少数手机在打开超过 20k 的测试页面时，会显示内存不足