`
王斌_code
  • 浏览: 31437 次
  • 性别: Icon_minigender_1
  • 来自: 长春
社区版块
存档分类
最新评论

手机网站开发的一些总结

阅读更多
手机版网站起码要实现一些基本的功能吧:
1.页面的适用性问题。对于移动终端,有不一样的分辨率与屏幕尺寸,如果还像电脑端的设计还限制网页的宽度为1003px或其他像素值,字体大小还用12px或14px,那么,不一样的终端的效果差别会很大。所以这里,最好让网页的宽度自适应屏幕,还好,w3c在设计html的时候为我们考虑了这一点,只需一句话,就可以搞定,就是加上
<meta name="viewport" content="width=device-width"/>
,对于字体的话,我们就用em或ex为单位就好
2.版本制作问题。移动页面往往针对不同的手机设置不同的版本,一般有精简版,标准版,3G版,触屏版,智能手机版等等,这些除了在页面设计上有不同外,页面语言也会不同的。精简版采用wap 1.0 的wml脚本编写,这个通用性以前很强,很多国产手机都支持这个语言的,但这个语言是很精简的。标准版的一般可以采用wap 2.0技术,对应的脚本语言是xhtml mp(xhtml mobile profile),这个语言是xhtml的子集,这个并且支持大部分的css,基本上和电脑版的差不多,但一般不能用js,这是考虑到这些手机是不支持js的。对于智能手机版,由于现在的智能手机都支持js,这个版本的制作上就简单多了,不过,又由于大部分智能手机(基本上除去塞班手机,包括Android,ios,wp7等)都支持Html5,因此,智能手版可以采用html5来制作。
3.版本控制问题。可能这部分是比较不好解决的,怎么智能判断手机的最佳版本并跳转,可以从这几个方面考虑。一方面,可以想办法得到手机的操作系统,比如,Android的,ios的,就可以跳转到html5版了,windows系统,毫无疑问电脑版,获得手机系统,可能通过得到手机型号,现在的方法是通过浏览器的UA(user agent),获得手机的一些信息,简单一点的,直接可以通过UA判断手机的制造产商。要想获得更多的信息,就得有一个数据库,因为不同手机型号会有不一样的UA信息,世界上的手机有很多,自己要想做一个这样的数据库还是很难的,不过,已经有人为我们做好了这样的数据库,或者更方便的,做好了一个识别手机适用最佳版本的函数库,这里我推荐用Wurfl。另一方面,可以通过页面的脚本来判断浏览器对js和html5的支持,代码如下
<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE html PUBLIC "-//WAPFORUM//DTD XHTML Mobile 1.0//EN" "http://www.wapforum.org/DTD/xhtml-mobile10.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="viewport" content="width=device-width"/>
<title>版本控制</title>
<script type="text/javascript">
window.onload = function(){
  //检测是否支持js
  try{//检测是否支持html5
    document.getElementById("c").getContext("2d");
    document.location = '支持html5版的链接';
  }catch(e){//否则跳到支持js版
    document.location = '支持js版';
  }
};
</script>
</head>

<body>
<canvas id='c'></canvas>
普通版
</body>
</html>

4.手机版本的大小问题。一般来说,对于精简版和普通版的手机网页,我们是做得越精简越好,能省的代码最好省去,毕竟现在手机流量对用户来说还是很宝贵的。比如元素命名,一般页面少的话,命名越短越好,css最好写在一行。css中,有些元素是继承父类的样式的,不用重复定义,善用默认值。
5.浏览器缓存。如果再更新不快的情况下,最好开启浏览器缓存
分享到:
评论
1 楼 meShare2011 2012-02-25  
挺简洁实用的。

相关推荐

    手机RF开发心得总结.pdf

    一名从事手机射频开放的工程师的心得总结,内容包括手机开发中的文档管理,开发流程,和各模块的开发心得。对新人的启发作用很大。

    android开发知识总结性文档

    Android是一种基于Linux的自由及开放源代码的操作系统,主要使用于移动设备,如智能手机和平板电脑,由Google公司和开放手机联盟领导及开发。尚未有统一中文名称,中国大陆地区较多人使用“安卓”或“安致”。...

    关于开发手机网站的一些总结

    本文将为大家介绍关于开发手机网站的一些总结,有需要的朋友可以关注一下

    Android手机游戏开发知识点总结.pdf

    Android手机游戏开发知识点总结.pdf

    移动手机bs应用开发

    移动手机bs应用开发,详尽的实现方法总结

    手机游戏 开发 商业框架

    本人总结出的手机游戏开发框架好用,其清晰,明了,给所有手机游戏开发人员一个思路。。。

    移动应用开发-大作业-项目总结.doc

    Vue_Demo_音乐_电影评论详细报告,是一次Vue大作业时候写的报告,包括设计、需求分析、功能介绍等。

    手机开发总结WM的一些要注意的地方

    ............................................总结

    安卓APP Android开发学习总结.zip

    安卓APP Android开发学习教程

    嵌入式系统/ARM技术中的手机开发平台总结

    手机客户端软件开发最大的困难就是平台不统一,手机开发平台太多。  手机可分为智能手机开发和featherphone手机。开发平台可分为开放式平台和封闭式平台,开放式平台包括symbian、windowsmobile、linux、iPhone、...

    帝国CMS学生学习知识点总结作文试题练习题考试资讯网站源码 带手机版

    帝国CMS学生学习知识点总结作文试题练习题考试资讯网站源码 带手机版 帝国CMS《学习》模板,简洁大气访问快,带一个漂亮体验好的手机端,中小学生知识点总结、试题、练习题、考试资讯、作文大全,学习方法技巧等,百度...

    Android开发技术总结_UI自定义

    基于Android 平台的手机客户端开发,的界面编程总结

    基于Java技术手机移动学习开发研究

    总结,是作者在深入分析自己和众多学生学习现状之后探索出的学习Java 的一条捷径。 全书共分11 章。第1 章详细地讲解了Java 开发环境的搭建、反编译工具的使用、JDK 文档资料的查阅以及Java 程序的编译和运行过程。...

    Android开发实验---通讯录.docx

    (3)每位同学独立完成实验报告(包括学号、姓名,实验目的、实验内容、软件功能、设计思想、实验总结等),并将实验报告和开发软件的工程文件压缩包提交任课教师。 实验设备及软件: 一台电脑,Androidstudio2.3.3...

    手机软件平台总结

    该文档提供了手机平台软件开发的一些方法,主要是对一些手机平台进行了介绍。

    基于Symbian OS的手机开发与应用 part1

    基于Symbian OS的手机开发与应用 共3个rar文件。作 者:刘昕宇 陈晓光 刘斌著出 版 社:清华大学出版社 出版日期:2008-11 内容简介本书由3位外企资深Symbian手机开发专家历时一年精心编写,主要介绍基于Symbian操作...

    基于Symbian OS的手机开发与应用 part3

    基于Symbian OS的手机开发与应用 共3个rar文件。作 者:刘昕宇 陈晓光 刘斌著出 版 社:清华大学出版社 出版日期:2008-11 内容简介本书由3位外企资深Symbian手机开发专家历时一年精心编写,主要介绍基于Symbian操作...

    基于Symbian OS的手机开发与应用 part2

    基于Symbian OS的手机开发与应用 共3个rar文件。作 者:刘昕宇 陈晓光 刘斌著出 版 社:清华大学出版社 出版日期:2008-11 内容简介本书由3位外企资深Symbian手机开发专家历时一年精心编写,主要介绍基于Symbian操作...

    14本安卓开发书籍

    Android SDK 中文开发文档.pdf Android 开发环境搭建步骤...Android驱动开发入门及手机案例开发分析教程.pdf linux Android基础知识总结.pdf Linux内核阅读心得体会.pdf 深入浅出Android——Android开发经典教材.pdf

    帝国CMS中小学生学习模板学生知识点总结试题练习题考试资讯网站源码

    帝国CMS中小学生学习模板学生知识点总结试题练习题考试资讯网站源码 帝国CMS《学习》模板,简洁大气访问快,带一个漂亮体验好的手机端, 中小学生知识点总结、试题、练习题、考试资讯、作文大全,学习方法技巧等, 百度...

Global site tag (gtag.js) - Google Analytics