随着无线网络技术的发展,手机上网的速度愈来愈快,手机的功能也愈来愈强大。今天就像你们介绍下手机网中的开发。php
手机上网的特色html
手机屏幕通常在240 * 320以上的称之为大屏幕手机
由于收的CPU频率低,不能像电脑同样快的浏览。作手机网站的时候像JS等要少用。
上网速度慢,联通的3G网络还能够。
上网高,3G的网速快些,可是费用却很高。
浏览器众多,兼容性差。一不当心就显示不出来。web
制做原则浏览器
1.网站要要简洁,功能少能不要的就删了。网络
2.图片要少用,尽可能用汉字,在高昂的网络资费中,有的用户会把图片的显示禁止了。以减免流量。dom
3.网站尽量的小点,页面太长则不适用浏览,用户体验很差,太宽手机打开显示不全,或者显示不工整。
测试
4.如今的手机大屏的,小屏的都要,因此在设计的时候都要考虑到。网站
5.因为手机网站屏幕小的特色,用户在浏览的时候要尽可能快的让用户查到本身须要的信息,由于手机屏幕的小用户寻找起来比价吃力,长时间的寻找,会给你的网站被大大的减分的。编码
· 少数手机对CSS彻底不支持; url
这部分测试相对不那么让人抓狂,要么干脆不支持,若是支持的话,对基本的dom操做、事件等支持度都还不错。但咱们没有测试过很复杂的脚本。
在咱们测试过的手机当中,支持(包括不彻底支持)JavaScript的手机比例大约在一半左右,固然,对于咱们来讲,最重要的不是这个比例,而是要如何作好JavaScript的优雅降级。
其余
· 部分手机不支持png8和png24,因此尽可能使用jpg和gif的图片
· 另外对于平滑的渐变等精细的图片细节,部分手机的色彩支持度并不能达到要求,因此慎用有平滑渐变的bar设计
· 部分手机对于超大图片,既不进行缩放,也不显示横下滚动条
· 少数手机在打开超过20k的测试页面时,会显示内存不足
开发中你须要注意的问题
· 手机网页编码须要遵循什么规范?
遵循XHTML Mobile Profile规范,简称为XHTML MP,也就是一般说的WAP2.0规范。 XHTMLMP 是为不支持XHTML的所有特性且资源有限的客户端所设计的。它以XHTML Basic为基础,加入了一些来自XHTML 1.0的元素和属性。这些内容包括一些其余元素和对内部样式表的支持。和XHTML Basic相同,XHTML MP是严格的XHTML 1.0子集。
· 网页文档推荐使用扩展名?
推荐命名为xhtml,按WAP2.0的规范标准写成html/htm等也是能够的。但少数手机对html支持的很差。
· 为何现今大多数的网站一行字数上限为14个中文字符?
由 于手持设备的特殊性,其页面中实际文字大小未必是咱们在CSS中设定的文字大小,尤为是在第三方浏览器中。例如Nokia5310,其内置浏览器 页面内文字大小与CSS设定相符,可是第三方浏览器OperaMini与UCWEB页面内文字大小却大于CSS设定。经测试,其文本大概在16px左右。 假如屏幕分辨率宽度为240px,去除外边距,那么其一行显示14个字之内,是比较保险(避免文本换行)的作法。