Chinaunix首页 | 论坛 | 博客
  • 博客访问: 1071386
  • 博文数量: 403
  • 博客积分: 10272
  • 博客等级: 上将
  • 技术积分: 4407
  • 用 户 组: 普通用户
  • 注册时间: 2012-02-24 14:22
文章分类

全部博文(403)

文章存档

2012年(403)

分类: 嵌入式

2012-03-27 17:01:41

公司要求将pc上能访问的web页面,在手机上也能访问,开始查了好多资料。也认为是属于wap开发范畴。开始没有想到是页面布局与模板的问题。因为pc页面与手机页面的最大区别主要集中在浏览器与页面布局上。所以开始花了好多的无用功。

在此,记录下,提醒同仁,也需我的理解有问题,欢迎大家指正。

1.首页,手机页面开发,我下载了Android的jdk与两三个手机型号的虚拟器,以便测试用。

2.个人认为手机页面的开发,起始就是布局与考虑用户体验降低每次与数据库交互时,respose数据返回量的问题。

2.1首先,布局问题的解决:

已经有现成的了:即创建jsp文件时,采用

模板样式。

页面宽度,width:采用百分比,100%布局,尽量少用绝对像素,当然对于字体大小等有时候也是避免不了的。

2.2关于像素px。

看有的资料上讲手机页面开发最好采用em做像素单位就可使pcweb在mobile上共享访问一致,而不出现排版布局的问题,本人看后,欣喜不已,马上在一个测试页面上实施,结果不禁理想,布局没有那么乱套了,但是还是不很理想,一行的变成两行了。最后还是放弃了,毕竟习惯了px,改为em,真的不知道大小了。

2.3

注意清缓存:


2.4关于个别标签不识别的问题。

看有的资料上说mobileweb页面不支持

标签等。但是在本人开发的项目中,似乎不存在这个问题,ajax,struts2标签全用了,不知是因为项目小还是没遇到。现在看来mobileweb开发也没那么恐怖,不知所措了.

2.5关于mobile版说明:

开始本人企图做到pc版与mobile版公用一套代码,只是在用户访问时,通过判断客户端终端使之调转到不同的页面,但是在开发过程中,发现,这种想法过于理想化了。

首先,mobile不同于pc,pc在一个request之后,可以response许多信息,一步全部返回给客户端。不需要考虑数据量的问题。但是mobile却不能这样处理,他只能通过挤牙膏的方式,请求一次返回一点,直至用户确认需要查看详细的信息,君不见流量费howmach啊!层虽然深了,但是避免了应为返回数据过多而出现手机死机或者用户等待时间过长的问题,也升了money,只要少看点就行了。

由此,响应决定了后台,所以很不幸,后台代码sql又得重新写了。

以上是本人第一次开发手机web页面的一些浅见,总的来说,pcweb页面,mobileweb也罢,基本原理还是一样的,唯一的区别也许就在布局与浏览器对脚本语言的支持上。至于wap开发如何,暂时还没涉猎。

阅读(1330) | 评论(0) | 转发(0) |
给主人留下些什么吧!~~