应用型手机网站开发

阅读更多

现在的网站粗略的可分为两类，一类是资讯类网站，如搜狐，新浪等。一类是应用类网站。
应用类网站我们更喜欢称之为B/S架构的软件。如阿里巴巴的增值服务产品、淘宝的购物网站等等。

目前手机也同样存在这两种分类，由于交互和逻辑简单，资讯类网站更适合在手机上生存。而交互复杂，逻辑复杂的应用在手机上普遍采取C/S的方式，比如直接采用Andriod的API完成。跟传统C/S软件一样，这类软件开发重复率高，客户端更新复杂，平台移植性差。所以把应用搬到手机上也是大势所趋。

应用型网站搬到手机，第一个急需解决的问题就是 WML编写的网页，怎么提供流畅的交互特性。
WAP1.0版本是WAP的第一个版本，在1998年夏被通过。这一版本推介出了WAP的核心内容、WAP协议条款、WML以及WMLScript等。 由于这个版本提供的WML只有一些简单的标签，跟用户的交互也局限于链接、自动刷新等简单的功能。适合应用于资讯类网站使用，也是第一次让网站搬到了手机上。现在采用WAP1.0的大多是老款手机，我们也发现，诸如资讯类163的手机网站还保留着对Wap1.0的支持，毕竟也是有用户群的，实现代价也小。


网易手机站（3g.163.com）提供的多版本支持。其中普通版为wap1.0

Wap2.0：随着网络，特别是终端的发展，移动网络与固定网络在传输性能上的差异减小，WAP2.0在协议实现上更接近固网的成熟协议（TCP，HTTP），但为保证对于已有的只支持WAPl.2的手机的兼容，还必须提供对WAPl.2协议栈的支特，因此WAP2.0采用双协议栈架构：包括WAPl.2协议栈和WAP2.0协议栈。对于不能使用IP承载的手机，会采用WAP1.X的方式连接。
由于WAP2.0支持XHTML，在很大程度上降低了由PC机上的web程序员过渡到手机web程序员的门槛。当然，更重要的是交互性也大大提高。这使得应用程序搬到手机上成为可能。

但是大部分（大约50%）的用户手机仍然对js不支持，所以大多数网站仍然采用服务器端校验的方式，而放弃使用js。如淘宝、网易都看不到有js的代码。
以下注意事项引入淘宝UED的文章部分，
原文参考：
http://ued.taobao.com/blog/2010/01/03/%E6%89%8B%E6%9C%BA%E7%BD%91%E7%AB%99%E5%BC%80%E5%8F%91%E5%BF%85%E4%BF%AE%E8%AF%BE2009%E6%80%BB%E7%BB%93%E7%89%88/

引用

开发中你需要注意的问题
手机网页编码需要遵循什么规范？
遵循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特有的属性。
避免空值属性
如果属性值为空，在web页面中是完全没有问题的，但是在大部分手机网页上会报错。
网页大小限制
建议低版本页面不超过15k，高版本页面不超过60k。
用手机模拟器和第三方手机浏览器的在线模拟器来测试页面是不是靠谱？
有条件的话，我们当然建议在手机实体上进行测试，因为目标客户群的手机设备总是在不断变化的，这些手机模拟器通常不能完全正确的模拟页面在手机上的显示情况，比如图片色彩，页面大小限制等就很难再模拟器上测试出来。当然，一些第三方手机浏览器的在线模拟器还是可以进行测试的，第三方浏览器相对来说受手机设备的影响较小。

当然，随着andriod、apple的手机越来越普及，其浏览器将全面支持html,javascript等语言和标准，也给我们开发者带来了福音。以后希望只有屏幕大小、操作性方面的考量，而不在局限于手机网页技术和PC网页技术的不兼容。

• 
• 大小: 24.7 KB

• 查看图片附件