公司要求将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开发如何,暂时还没涉猎。
分享到:
相关推荐
5积分,相当于免费直接送,60多种 404 not found页面,带图片预览,下载直接用,html+css,总有一款适合你.下载zip解压,直接用
然而,通常我们需要对访问url不存在或者错误的情况下添加默认的404页面,即not found页面。 一般的处理方法是: 在最后添加一个path: * ,优先级从上到下查找路由,都没有的时候全部指向 404页面 ,代码如下: ...
404-PageNotFound, "404 Page Not Found" 页面的精选列表 找不到 404页 那些无聊 404页的灵感库。访问画廊墙,并选择你喜欢的 !问题大多数情况下,"找不到 404"页被积压所忽略。 但我们知道 ! 事实上,你会面临...
如果有这种应用: 我们需要重新加载该页面,也就是说我们期望页面能够在服务端重新被创建, 我们期望是 Not IsPostback 的。这里,location.replace() 就可以完成此任务。被replace的页面每次都在服务端重新生成。
Notadd:基于 Laravel 的下一代 PHP 开发框架
在5+ Runtime环境中,通常情况下需要html页面解析完成后才会注入5+ API,执行的顺序为: 1. 加载html页面 2. 解析html页面(下载script/link等节点引用的资源,如js/css文件) 3. 触发DOMContentLoaded事件 4. 注入5...
怎么使用404页面? 一、下载404页面模板。 点击下载404页面模板,然后解压,可以发现有很多404网页模板。挑选一个您最喜欢的页面代码。 二、修改404页面中的素材网址为绝对地址。 为了您的404页面素材正常显示,需要...
404 not found是怎么回事 404页面处理方法【解决方法】.docx
网站404页面,404页面,404错误页面,IIS上设置
Notadd微服务开发架构 v4.0.0.zip
404错误页面,2014分享18个经典漂亮的404错误页面
服务器都返回 304 not modified 说明在服务器上,你这个xml文件没有修改过,或者要加载的页面在本地没有被修改,本地缓存造成了这个问题
解决Anaconda环境下利用gradio启动web页面生成的链接报错Could not create share link
今天反馈过来一个BUG,说一个页面的功能用不了。打开控制台发现报错:object is not a function。 感觉很奇怪,这块的功能最新没动过怎么会突然出问题了呢?上线时主流浏览器都测试过了呀。 虽然奇怪,但是还的解决...
NOT EXISTS ⇔ NOT IN ⇒ NOT NULL 问题 结果不一样 疑问 如果等效
在vue单页面应用中,我们大概都会使用CommonsChunkPlugin这个插件。 传送门 CommonsChunkPlugin 但是在项目经过本地测试没有任何问题,打包上线后却会报错 webpackJsonp is not defined。这是因为公共文件必须在自己...
网上各种教程无法解决这个工具提示 not supported not listening问题,这个安装包给出了所有需要的文件,并给出了详细的指引。 绝大多数情况你会安装成功。如果你成功了,或者失败了,请给我评论。大家看评论区。
源码学习,压缩包解压密码:www.cqlsoft.com
if DataLoader.loadData() is not completed, then DataListener.onDataArrived() will be called after the data load is completed if DataLoader.loadData() is completed, then DataListener.onDataArrived() ...