手机网站开发相关介绍
随着无线网络技术的发展,手机上网的速度越来越快,手机的功能也越来越强大。今天就像大家介绍下手机网中的开发。
手机上网的特点
手机屏幕一般在240 * 320以上的称之为大屏幕手机
因为收的CPU频率低,不能像电脑一样快的浏览。做手机网站的时候像JS等要少用。
上网速度慢,联通的3G网络还可以。
上网高,3G的网速快些,但是费用却很高。
浏览器众多,兼容性差。一不小心就显示不出来。
制作原则
1.网站要要简洁,功能少能不要的就删了。
2.图片要少用,尽量用汉字,在高昂的网络资费中,有的用户会把图片的显示禁止了。以减免流量。
3.网站尽可能的小点,页面太长则不适用浏览,用户体验不好,太宽手机打开显示不全,或者显示不工整。
4.现在的手机大屏的,小屏的都要,所以在设计的时候都要考虑到。
5.由于手机网站屏幕小的特点,用户在浏览的时候要尽量快的让用户查到自己需要的信息,因为手机屏幕的小用户寻找起来比价吃力,长时间的寻找,会给你的网站被大大的减分的。
· 少数手机对CSS完全不支持;
JavaScript部分
这部分测试相对不那么让人抓狂,要么干脆不支持,如果支持的话,对基本的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个字以内,是比较保险(避免文本换行)的做法。
转载于:https://www.cnblogs.com/xinhudong/p/3442757.html
手机网站开发相关介绍相关推荐
- 手机网站开发必修课[1]:手机浏览器 本文来自:http://www.fool2fish.cn/?p=290
前言: 头大的是,除了自己公司已有的一些经验,网上恐怕没有过多的(公开的)文档可以参考. 09年上半年的工作重心全在手机网页开发上面,这使得自己某种程度上也成了拓荒者.现将这段时间的开发心得同大家分 ...
- 手机网站开发必修课[3]:前端开发总结
手机网站开发,有着许多不为人知的困难: 一是可参考的资料太少,大部分手机网站都处于起步阶段,很多的时候都是摸着石头过河,而鉴于淘宝自身的特殊性,也使得我们在参考成功案例之余,要做更多的思考: 二是兼容 ...
- 手机程序开发技术介绍
手机程序开发技术介绍 作者:陈跃峰 出自:http://blog.csdn.net/mailbomb 2005年上半年,我国移动电话用户已达36316.8万户,大大超过了国内电脑的保有量,而且随着短信 ...
- 手机网站开发(WAP网站)第一篇
现在的互联网,可以说是名副其实的移动互联网.大家不仅可以利用无线网卡随处随地上网,还可以直接利用手机浏览网页.下载文件,而且现在的无线运营商也正在大力发展无线网络.扩展手机上网带宽. 于是,手机 ...
- Bootstrap手机网站开发案例
Bootstrap手机网站开发案例 一.总结 一句话总结:Bootstrap手机网站开发注意事项(3点):a.引入viewpoint声明,b.通过屏幕宽动态控制元素显隐 c.图片添加自适应 1.Boo ...
- 手机端适应_手机网站开发制作和电脑pc端有哪些区别
现在移动互联网的发展,现在很多企业做网站开发不仅是电脑端的网站,还包括了移动端网站的开发,移动端网站开发和pc端是有一定的区别,比如移动端的页面更小,移动端的打开和加载速度都远低于电脑端访问网站,其实 ...
- 微信 手机 网站 开发 签名 signature node (在更新中)
在进行微信手机网站开发时,第一座大山就是获取签名.下面是微信JS-SDK开发文档的内容,本文主要理清思路,开发起来,就很快了. wx.config({debug: true, // 开启调试模式,调用 ...
- intra-mart产品开发相关介绍资料
intra-mart产品开发相关介绍资料 产品介绍 iap安装手册 script开发手册 tgfw开发手册 im_workflow开发手册 im_workflow_tgfw开发手册 im_workfl ...
- 怎么开发手机网站手机网站开发手机网站建设
怎么开发手机网站手机网站开发教程 传统的互联网,一般都有PC版本的web页面,有些也有手机版的wap页面.手机网站是指用WML(无线标记语言)编写的专门用于手机浏览的网站,通常以文字信息和简单的图片信 ...
最新文章
- csv文件怎么转成excel_怎么把word转成excel
- 3D人脸表情驱动——基于eos库
- IBM总架构师寇卫东:话说程序员的职业生涯-IT程序人生-职业生涯规划
- 【Java】文件锁定与系列NIO操作
- Windows下codeblocks的安装与配置
- XP停止服务,共建网络安全大环境
- 1. JanusGraph的优势
- Atitit.html解析器的选型 jsoup nsoup ,java c# .net 版本
- yolov3视频检测图像上显示准确率
- 游戏动作3d模型素材推荐 精品 小众
- python平稳性检验程序_用Python检验时间序列的平稳性
- 银行系统需要处理的信息
- LR9.10破解方法。
- windows 安装cab文件
- 夜深人静写算法【栈】
- Python的特点(优点和缺点)
- Window系列 (一) — WindowManager 详解
- 9.使用M4sh编程
- App启动优化-一顿操作猛如虎
- php中文的正则表达式_php汉字正则表达式
热门文章
- python把某列改为日期格式_如何更改整列的日期格式?
- sql查询每科成绩的最高分_数据分析SQL查询:一文带你入门到掌握
- 音乐学院计算机考试内容,中国音乐学院2014年秋季本科考试试卷-计算机基础C
- linux内存和flash区别,嵌入式Linux概念NOR/NAND Flash的差别
- idea中出现Please, configure Web Facet first问题
- 现在转行前端,该怎么学习呢?怎么学好基础html、css、js
- 前端开发常用免费资源,显著提升工作效率
- mysql5.7.14启动教程_mysql5.7.14安装配置方法图文详细教程
- if命令在HTML语言中 隐藏部分内容,vuejs使用v-if隐藏不需要的内容,生成的html标签中有!-----,请问怎样去掉这些注释?...
- STM32F103单片机使用内部RC振荡器做时钟源