WAP 2.0的初步探索
在领导我的兄弟们做了众多乏味的、黑暗的、单调的WAP 1.2业务之后,WAP 2.0的出现终于给大家带来了生活的希望,众多悲苦的兄弟们奔走相告,恨不得立即抛弃遭人唾弃的WML。
- 越来越多的CDMA1X手机开始支持WAP 2.0,使用支持WAP 2.0手机的高端用户是电信增值业务的主力用户。(在部分业务上,WAP 2.0用户已经接近50%的比例。)
- 相比较WAP 1.2业务,WAP 2.0极大地改观了WAP业务的表现能力。
- WAP 2.0业务使用XHTML作为标记语言,相比较WAP 1.2使用的WML,XHTML使得大量拥有Web开发经验的开发者轻松转移到WAP业务的开发上。
- WAP 2.0浏览器对WAP 1.2的向下兼容性使得旧代码依然能够使用。
- 最重要的是,表现能力的改善使得业务设计者和开发者的创造力和激情得以释放,而不用由于WML的局限对业务的设计说“不”了。
WAP 2.0有价值的新特性以及一些实用性评论
播放音乐
<bgsound src="midi/hy.mid" loop="-1">
WAP 2.0浏览器可以支持MIDI音乐的播放,播放音乐可以通过用户点击链接,或者直接作为页面的背景音乐播放。
在实际工作中,我们发现,似乎LG的手机支持背景音乐的播放最顺利,而Motorola和Samsung的手机无法播放背景音乐。
MIDI音乐的选择也是很重要的。我们曾经选择过一首非常震撼的音乐,效果非常棒,赢得了所有人的赞赏。之后我们的页面开发一直在使用那首MIDI,每天办公室里都飘荡着那段背景音乐,直到有一天,终于有人发现MIDI文件的尺寸是93K。这让我们非常沮丧,因为为了提高页面下载的速度,我们为了图片和页面几百个字节而斤斤计较,却没有发现这首MIDI竟然如此庞大。最糟糕的是,我们测试的时候,每刷新一次我们的页面就会下载一次这首MIDI,而每一次我们都不知不觉为此付了联通将近一元钱的数据流量费!!!
背景色
<body bgcolor="#e0e0e0">
背景图片
<body background="images/bg.gif">
跑马灯
<marquee>Links, Text or Pictres</marquee>
文字颜色
<font color="blue">Text</font>
动画GIF图片支持
WAP 2.0浏览器可以支持动画GIF图片,因此可以制作动画的效果。然而也需要注意动画GIF的尺寸也是需要注意的问题。
表单
输入框
<input type="text" width="120" value="hello">
单选框
<input type=“radio” value=“1”>北京
多选框
<input type="checkbox" value="1">北京
下拉框
<form><select id="province"><option value="0">北京</option><option value="1">上海</option></select></form>
其中下拉框的实现很有意义,结束了WML里面动辄就是整页的列表的情况。
表格
WAP 2.0对表格的支持是我认为最重要的更新。通过使用表格可以将页面内容进行良好的组织。
由于表格的<table>和<td>标签都支持背景图片,加上对动画GIF图片的支持,因此有可能因此实现一个由背景图片和前景图片形成的动画效果。这样实现的动画效果,要比单纯的动画GIF方式,数据传输量小。
WAP 2.0的浏览器还支持表格的嵌套,这样使内容组织更加灵活。
我曾经设想过通过多层表格的嵌套,实现多层背景图片的动画效果,但是不幸的是,似乎多层表格的嵌套,会使得图片在表格中产生一些位移,而无法达到理想的效果。
但是以目前对表格的支持情况,已经可以允许我们对WAP页面有一定的想象力了。
CSS
WAP 2.0对CSS也是支持的。但是我在这方面测试不多。
如果WAP 2.0对CSS的支持不是过于有限的话,那我觉得将会是另外一个巨大的飞跃。
目前,我看到了一些CSS在WAP 2.0中的例子,然而似乎没有特别出众的地方。
如果说对CSS在WAP 2.0上的期望,那么我希望是对字体(包括字体,大小等)的严格控制。
Timer
定时器,也是非常有用的特性。可惜我还未曾用上。
<card id="Card1" ontimer="#Card2" title="test">
<timer value="30" />
<img src="wap20/test2.gif" alt="test2" /><br/>
</card>
<card id="Card2" ontimer="#Card1" title="test">
<timer value="30" />
<img src="wap20/test3.gif" alt="test3" /><br/>
</card>
附图是WAP 2.0在LG C930手机上显示的例子,体育之星,新旅游。
- 体育之星使用了通过背景图片和前景图片实现的动画效果,“星河小精灵”是背景,而脚下的足球和篮球则是前景图片。体育之星还使用了跑马灯的文本效果。
- 新旅游则是充分利用了表格,实现了漂亮的图片按钮的链接效果。

