公司要求将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开发**涉及使用特定的技术和工具来创建适用于移动设备的Web应用和服务。 **1. 开发WAP软件需要哪些工具?** - 开发WAP软件通常需要文本编辑器、WML编辑器、WAP模拟器等工具。 **2. 有哪些公司现在提供这样的...
本资源包含60多种不同的404 Not Found页面设计,每一种都带有图片预览,让用户在下载前就能看到具体样式。这些设计采用HTML和CSS技术制作,HTML负责构建网页结构,而CSS则用于美化和布局,使页面呈现出丰富多彩的...
标题"IIS配置手机404页面"涉及到的是网站服务器管理和用户体验优化的重要方面。IIS(Internet Information Services)是微软公司提供的一个Web服务器服务,用于托管和管理网站应用。404错误页面是用户访问不存在的...
404页面是Web开发中的一个重要元素,当用户尝试访问不存在的URL时,服务器会返回一个404错误状态码,并显示相应的404错误页面。这个页面的设计和内容能够帮助用户理解发生了什么问题,同时提供指引,让他们能方便地...
404 Not Found 是什么意思?如何处理404页面? 一、什么是 404 Not Found? 404 Not Found 是一种标准的 ...404 Not Found 错误页面的目的只是为了提醒引导用户,而非故障现象,它能友好的提醒用户页面无法被拜访。
然而,通常我们需要对访问url不存在或者错误的情况下添加默认的404页面,即not found页面。 一般的处理方法是: 在最后添加一个path: * ,优先级从上到下查找路由,都没有的时候全部指向 404页面 ,代码如下: ...
当用户遇到错误或异常情况,如404 Not Found、500 Internal Server Error等,一个设计精良的自定义错误页面可以缓解用户的困惑,提供必要的信息,并引导他们采取下一步行动。本文将深入探讨自定义错误页面的设计原则...
在H5商城页面中,CSS3引入了新的选择器(如`:nth-child()`,`:not()`),使得更精确地选取元素成为可能。另外,CSS3的Flexbox和Grid布局系统简化了复杂的多列布局,可以灵活地处理不同屏幕尺寸下的响应式设计。还有,...
404 Not Found意味着用户请求的页面在服务器上不存在,可能是链接已删除或输入错误。与403页面一样,404页面的设计也应考虑用户体验。通过添加趣味元素,如动画、插图或者诙谐的语言,可以让用户在遇到错误时心情更...
Notadd是一款基于.NET Core构建的高性能、模块化、插件化的微服务开发框架,它旨在帮助开发者快速构建现代化的Web应用程序。在这个版本v4.0.0中,我们看到的是一个全新的开发架构,旨在提供更好的可扩展性、稳定性和...
404-PageNotFound, "404 Page Not Found" 页面的精选列表 找不到 404页 那些无聊 404页的灵感库。访问画廊墙,并选择你喜欢的 !问题大多数情况下,"找不到 404"页被积压所忽略。 但我们知道 ! 事实上,你会面临...
页面置换算法是操作系统内存管理的重要组成部分,其作用是在发生缺页中断时,从内存中选择一个页面将其移出内存,以腾出空间来加载新的页面。页面置换算法的性能直接影响到系统的性能,因此,对页面置换算法的研究和...
3. Clock置换算法:该算法又称为最近未使用算法(NRU, Not Recently Used),它利用一个循环列表(称为时钟)和一个额外的访问位来表示页面是否被访问过。当页面置换发生时,会遍历列表,跳过访问过的页面,只替换未...
这些页面通常分为几种类型,最常见的是404页面(Not Found)和500页面(Internal Server Error)。在本压缩包"html错误页面.zip"中,可能包含了针对这些错误状态码设计的HTML页面模板,以及可能用到的JavaScript脚本...
404错误页面是互联网上常见的一个现象,当用户尝试访问一个不存在的网址时,服务器会返回一个404 Not Found错误。这个错误提示页面的设计往往直接影响着用户体验,因此,创建一个具有吸引力和互动性的404错误页面变...
针对现代Web和移动应用的需求,Notadd支持RESTful API的开发。它提供了一套完整的API开发工具,包括认证、权限控制和响应格式化,方便开发者构建健壮的后端服务。 4. **权限与角色管理**: Notadd内置了权限和...
8. **响应式设计**:确保404页面在不同设备上(如手机、平板、电脑)都能正常显示和操作。 这个压缩包中的"2"可能是实际文件名的误写,通常404页面设计文件可能包含HTML、CSS和JavaScript等,用于创建交互式的视觉...
这个是华为光猫的su_wap命令的使用说明!很有用,对于需要破解光猫的,这个命令还是必须需要的!
404错误页面是互联网上常见的一个现象,它表示用户尝试访问的网页不存在或已被删除。这个主题涉及了Web服务器、HTTP状态码、用户体验和网站优化等多个IT领域的知识点。 首先,我们来理解404错误的含义。404 Not ...
当用户点击失效链接或者输入错误的URL时,服务器会返回404 Not Found的状态码,显示404错误页面。在设计用户体验时,一个好的404错误页面对于维护品牌形象、提供用户指导以及降低跳出率具有重要意义。 "好看的通用...