公司要求将pc上能访问的web页面,在手机上也能访问,开始查了好多资料。也认为是属于wap开发范畴。开始没有想到是页面布局与模板的问题。因为pc页面与手机页面的最大区别主要集中在浏览器与页面布局上。所以开始花了好多的无用功。
在此,记录下,提醒同仁,也需我的理解有问题,欢迎大家指正。
1.首页,手机页面开发,我下载了Android的jdk与两三个手机型号的虚拟器,以便测试用。
2.个人认为手机页面的开发,起始就是布局与考虑用户体验降低每次与数据库交互时,respose数据返回量的问题。
2.1首先,布局问题的解决:
已经有现成的了:即创建jsp文件时,采用
<!DOCTYPE html PUBLIC "-//WAPFORUM//DTD XHTML Mobile 1.0//EN" "http://www.wapforum.org/DTD/xhtml-mobile10.dtd">
模板样式。
页面宽度,width:采用百分比,100%布局,尽量少用绝对像素,当然对于字体大小等有时候也是避免不了的。
2.2关于像素px。
看有的资料上讲手机页面开发最好采用em做像素单位就可使pcweb在mobile上共享访问一致,而不出现排版布局的问题,本人看后,欣喜不已,马上在一个测试页面上实施,结果不禁理想,布局没有那么乱套了,但是还是不很理想,一行的变成两行了。最后还是放弃了,毕竟习惯了px,改为em,真的不知道大小了。
2.3
注意清缓存:
<meta http-equiv="Cache-Control" content="max-age=0" />
<meta http-equiv="Cache-Control" content="no-cache" />
2.4关于个别标签不识别的问题。
看有的资料上说mobileweb页面不支持<table>标签等。但是在本人开发的项目中,似乎不存在这个问题,ajax,struts2标签全用了,不知是因为项目小还是没遇到。现在看来mobileweb开发也没那么恐怖,不知所措了.
2.5关于mobile版说明:
开始本人企图做到pc版与mobile版公用一套代码,只是在用户访问时,通过判断客户端终端使之调转到不同的页面,但是在开发过程中,发现,这种想法过于理想化了。
首先,mobile不同于pc,pc在一个request之后,可以response许多信息,一步全部返回给客户端。不需要考虑数据量的问题。但是mobile却不能这样处理,他只能通过挤牙膏的方式,请求一次返回一点,直至用户确认需要查看详细的信息,君不见流量费howmach啊!层虽然深了,但是避免了应为返回数据过多而出现手机死机或者用户等待时间过长的问题,也升了money,只要少看点就行了。
由此,响应决定了后台,所以很不幸,后台代码sql又得重新写了。
以上是本人第一次开发手机web页面的一些浅见,总的来说,pcweb页面,mobileweb也罢,基本原理还是一样的,唯一的区别也许就在布局与浏览器对脚本语言的支持上。至于wap开发如何,暂时还没涉猎。
分享到:
相关推荐
### 手机WAP网站开发百科全书 #### 关于WAP的基础知识 **WAP(Wireless Application Protocol)**是一种通信协议标准,用于通过移动网络传输数据,从而使得移动设备能够访问和显示互联网内容。它最初是为了克服...
do while not rs.eof qymc = rs("企业名称") id = rs("id") %> <a href="qycx2.asp?id=<%= id %>"><%= qymc %></a> rs.moveNext loop rs.close %> <br/> 上饶工商信息网 ``` - **解析...
4、修改部门细节,为WAP端做铺垫。 PIC CMS图片网站管理系统前台页面 PIC CMS图片网站管理系统后台管理 默认后台地址 http://您的域名/安装目录/admin.php 默认帐号: piccms.138id.com 默认密码:piccms.138...
这几年,许多新名词涌入我们的视野:博客、圈子、播客、WAP等。这些都预示着我们进入了一个新的互联网阶段web 2.0,它是相对web 1.0的新的一类互联网应用的总称,是一次从核心内容到外部应用的革命[10]。这个阶段...
解压缩jeecms-3.0.2-final-src,在src文件夹下会看到有三个压缩文件,如果只想进行普通的二次开发,可以只导入cms这个源码,删除jeecms-cms-identity-3.0.2-final.jar即可,如果想进行深入的二次开发,需要导入...