CSSer课堂

我们是师徒六人组,以Design, CSS, JS, web标准化为爱好。


WML2.0(WAP2.0)调试环境(工具)指南

历经一周多的开发,139的wml2.0页面(m.139.com)已经上线,随之而来的便是两个头大的问题:

  1. UCweb页面兼容性
  2. Windows Mobile IE适配

其实,以上两个问题唯一的解决方案是,假设UCweb遵循OMA标准,如果Win Mobile IE能统一版本的话,这次的139wap社区升级就是成功的。

可是,UCweb不能很好的支持wml2.0(wap2.0)所规定的标签,不能很好的解析WCSS里面的属性。不支持标签dl dt dd
还有,Win Mobile IE版本在触摸版本5.0中支持很好,但非触摸屏的几款机器有不能很好的支持。比如:P4450.

以下就WML2.0(WAP2.0)调试工具分享大家,虽然不是权威的资料,但至少是实际开发中有用的工具。

WML2.0调试环境推荐: FireFox浏览器或者Opera

基于FF浏览器的三个插件:
FireBug
关于FireBug这里就不做介绍了,详细可以查看FireBug主页

Html Validator
简介:

HTML Validator is a Mozilla extension that adds HTML validation inside Firefox and Mozilla. The number of errors of a HTML page is seen on the form of an icon in the status bar when browsing. The details of the errors are seen when looking the HTML source of the page.

在这里,主要用于验证页面标签的书写,嵌套是否正确。确保手机用户可以正常的浏览。

wmlbrowser
简介:

This project is intended to try and implement as much of WML (Wireless Markup Language) as possible in Mozilla/Firefox. The current extension is based on Raoul’s attachments to Mozilla bug 35995.

FF下的一款wml页面浏览插件,用户使用PC浏览页面。
提示:不建议程序开发使用此插件,建议程序开发使用Opera浏览器开发。

题外话:
鉴于UCweb没有遵循OMA标准的规范,今天给UCweb发送了邮件,内容如下:

UCweb产品管理层:

由于公司业务主要以手机为主,所以比较多的关注UCweb的成长过程。
同时也对比opera mini手机浏览器跟UCweb之间的差异。
但是在这里要提出几点建议,也是UC需要学习opera浏览器之处,也是UCweb版本更新中的问题。

主要是建议是:加入对OMA所规定的标准标签的支持。

关于OMA的目标:
通过使用户轻松使用不同地点、运营商、移动终端间可互用的移动业务来促进整个移动通信工业的增长。
定义一个基于开放式标准的框架。该框架允许在多供应方的环境中安全有效地建立、配置和管理各种应用和业务。
建立移动工业标准论坛 —开放式移动联盟,行使实现业务级互用性的驱动职能。
推动开放式业务和接口标准的实现,通过以用户为中心的方式来实现移动业务的快速广泛采用。

先撇过这个标准的目标,先看看跟随3G业务的来临,更快的手机上网速率,手机网页所面临的更新,从千篇一律的wml1.0逐步向wml2.0迈进。而wml2.0有这个更多,更加丰富的网页表现,而OMA更加规范的规定一下wml2.0可以使用的标签。
现在的wml2.0支持更多的标签,可用的标签以及标签的默认样式如下:
body, card, div, p, center, hr, h1, h2, h3, h4, h5, h6, address, blockquote, pre, ol, ul, dl, dt, dd, form, fieldset, object{
display: block
}
li{
display: list-item
}
head {
display: none
}
table{
display: table
}
tr{
display: table-row
}
td, th{
display: table-cell
}
caption{
display: table-caption
}
th{
font-weight: bolder;
text-align: center
}
caption{
text-align: center
}
h1, h2, h3, h4, h5, h6, b, strong {
font-weight: bolder
}
i, cite, em, var,address {
font-style: italic
}
pre, code, kbd, pre {
white-space: pre
}
big{
font-size: larger
}
small{
font-size: smaller
}
hr{
border: 1px inset
}
ol{
list-style-type: decimal
}
u{
text-decoration: underline
}

鉴于此,希望UCweb在下个版本中考虑标签的支持,谢谢UCweb对于手机互联网的贡献。

但是很可惜的是,得到的回复却是客服部门的礼节性答案

尊敬的用户:您好,非常感谢您的来信!感谢您对我们产品的支持并提出宝贵的建议。您的建议将会是我们前进的动力。

UCWEB客服中心(2009-09-01)

看到邮件后,心寒,只能这样理解当时的心情。

只希望UCweb能正视我的建议,这样才能在opera mini一较搞下。

OMA简介及目标

OMA背景介绍

OMA(Open Mobile Architecture)始创于2002年6月,WAP论坛(WAP Forum) 和开放式移动体系结构(Open Mobile Architecture) 两个标准化组织通过合并成立最初的OMA。随后,区域互用性论坛(Location Interoperability Forum (LIF)), SyncML, MMS互用性研究组(MMS Interoperability Group(MMS-IOP)) 和无线协会(Wireless Village), 这些致力于推进移动业务规范工作的组织又相继加入OMA。此外,移动博弈互用性论坛(Mobile Gaming Interoperability Forum (MGIF)) 和移动无线因特网论坛(Mobile Wireless Internet Forum (MWIF)) 都表明了自己想加入OMA的意图。其成员公司包括了世界主要的移动运营商,设备和网络供应商,信息技术公司,应用发展商和内容提供商。整个价值链上的成员共同协作,以确保为全世界的终端用户提供无缝的移动业务。

OMA的形成标志着移动业务的发展向前迈出了重要的一步,避免了由于分散的个体而容易导致的技术上的孤立。几个规范组织的合并,有利于信息和资源的共享,促进了工作的流程化,减少了不必要的重复劳动。

一个统一的合法框架确保了技术和标准的真正意义上的互用性测试。这将使市场运作更加快捷并减少了工业总成本和复杂性。开放式移动联盟的任务是为全球的用户消除不同系统间的屏障,确保无缝的互用性业务,促进整个移动工业市场的发展。

OMA意识到了反托拉斯法案的重要性。严格遵守这些法则是OMA的原则。

我国在业务应用标准方面正逐渐向OMA集中,OMA不但在时间和业务需求上满足运营商的要求,而且在引导整个行业和产业发展方面它已经领先一步。中国很多运营商和设备制造商在OMA组织里非常地活跃。

OMA的宗旨和目标

OMA的宗旨是寻求一种与系统无关的、开放的,使各种应用和业务能够在全球范围内的各种终端上实现互联互通的标准。通过让客户在不同的市场、运营商、移动终端之间使用可互用的移动业务来促进整个移动工业市场的增长。这是通过定义一个基于开放式标准的框架来实现的。该框架允许在多供应方的环境中安全有效地建立、配置和管理各种应用和业务。

OMA的目标是

  1. 通过使用户轻松使用不同地点、运营商、移动终端间可互用的移动业务来促进整个移动通信工业的增长。
  2. 定义一个基于开放式标准的框架。该框架允许在多供应方的环境中安全有效地建立、配置和管理各种应用和业务。
  3. 建立移动工业标准论坛 —开放式移动联盟,行使实现业务级互用性的驱动职能。
  4. 推动开放式业务和接口标准的实现,通过以用户为中心的方式来实现移动业务的快速广泛采用。

OMA的原则:

OMA是建立在4个主要原则的基础上的。这些原则在保证整个价值链移动业务实现互用性的同时,鼓励通过创新参与竞争。

  1. 产品和服务是基于开放式的全球标准协议和接口之上,并不限定于专有技术。
  2. 应用层的集合信道不确定(例如:GSM,GPRS,EDGE,CDMA,UMTS)
  3. 结构框架和业务启动与操作系统(OS)无关
  4. 应用和平台可以互用,提供异地和代间无缝漫游

OMA的优势

OMA面向于通过提供移动业务的端到端和多重标准互用性来提高对终端用户的服务。这将推动移动工业的增长,对所有的参与者都是有利的。可互用的多供应商环境使得所有参与者都有更多的机会可以选择。

对于移动运营商和业务提供商来说,由于不同的国家、业务、网络、终端和运营商都享有共同的标准,即具有互用性,因此可以更快地吸收终端用户,同时为他们在移动业务和互连网领域提供无缝的业务。同时使他们可以自由地选择可互用技术的解决方案。

对于信息科技公司,可以扩大投资,沟通互连网和移动业务领域。缩短传输的环节。

对于无线供应商来说,由于不同的终端、网络、业务都基于统一的开放式的互用性标准,可以扩大市场的范围,促进市场增长,减低开发成本,减少流通的时间。

对于应用开发商来说,减少开发成本,扩大经济规模,通过吸收用户来扩展全球市场的机遇。

对于内容供应商和媒体公司来说,可以促进通用移动分配形式,使数字权限内容多样化,促进面向更多全球大众的具有吸引力的内容的开发和传递。

OMA的远景和发展战略

OMA的远景目标是为整个无线价值链的共同协作提供一个论坛,以确保为全球商业用户和消费者提供无缝的移动业务。OMA面向于通过使用实例,公共结构框架,启动技术的开放标准和端到端的互用性来定义市场需求。

Tags: ,

Wap2.0(WML2.0)网页开发扫盲

WML(Wireless Markup Language):是WAP规范基于XML的基本内容格式,使用支持该规范的设备例如移动电话可以浏览WML的页面。

WML的页面是规范的XML文档,遵守WML(1.1,1.2,1.3,2.0)的DTD (Document Type Definition)声明,所以,wml页面使用W3C的验证服务去检验WML文档的规范性。

wap2.0页面的出现,功不可没的是OMA(Open Mobile Architecture)标准的提出,以及各大手机制造厂商对于OMA标准的规范化支持和应用,使得WML尽快的从1.0页面向2.0页面进化。

wap2.0页面的出现,使得仅仅依靠p,br以及纯文本化的手机支持的简单网页格式向多彩,多标签支持,以及更好的阅读效果的手机适应的网页过渡。更加高速,切合日益高速进化以及发展的手机多媒体页面进程。

wml页面在OMA国际标准化组织的规范下,现在的wap20支持更多的标签,可用的标签以及标签的默认样式如下:

body, card, div, p, center, hr, h1, h2, h3, h4, h5, h6, address, blockquote, pre, ol, ul, dl, dt, dd, form, fieldset, object{
display: block
}
li{
display: list-item
}
head {
display: none
}
table{
display: table
}
tr{
display: table-row
}
td, th{
display: table-cell
}
caption{
display: table-caption
}
th{
font-weight: bolder;
text-align: center
}
caption{
text-align: center
}
h1, h2, h3, h4, h5, h6, b, strong {
font-weight: bolder
}
i, cite, em, var,address {
font-style: italic
}
pre, code, kbd, pre {
white-space: pre
}
big{
font-size: larger
}
small{
font-size: smaller
}
hr{
border: 1px inset
}
ol{
list-style-type: decimal
}
u{
text-decoration: underline
}

在支持更多标签的同时,手机的网页在具有便捷,快速的同时,面临着小带宽,屏幕小的缺点,这使得wap2.0页面的开发面临更多的难题。仅就个人对wap2.0页面的开发总结,归纳如下,或许对于刚接触wap2.0页面开发的同仁一个开头。

  1. 不要使用link方式链接CSS文件,最好直接写在页面中
  2. 不要套嵌2层以上的P标签
  3. 压缩饼简写CSS
  4. 压缩XHTML去掉换行符,空格
  5. 尽量使用简短的URL链接
  6. 尽量使用相对路径,以减短URL
  7. 确保页面大小总和在20K左右
  8. 确保图片为png 8位格式,以便获更好的支持与更小的容量

更多心得敬请关注CSSer课堂