APP手机版网站是目前比较流行的形式,比起PC版网站可以说手机网站有比较方便的优势。小编今天要与大家分享下,APP手机版网站开发的重点知识,希望各位朋友在以下的内容中认真学习。
如果有在PC端开发网页的基础那么去处理手机端就很容易上手,这里介绍的是针对手持设备专门处理的页面,而不是媒体查询那种展示方式。
这里提供几个meta属性:
1.使页面不可以认为放大缩小,喜欢用手指捏来捏去的童鞋要失望了。
2.使网站开启对app程序的支持。
3.在app应用下状态条(屏幕顶部条)的颜色。
4.设置app的放置主屏幕上icon文件路径,IOS系统添加到主屏幕那个图标,图片尺寸可以设定为57*57(px)或者Retina可以定为114*114(px),ipad尺寸为72*72(px)。
5.类似原生程序的启动画面,IOS有效,需把app保存到桌面屏幕打开。
6.禁止一串数字变为可拨打号码。
HTML详解
如果是针对IOS或者高版本的android,HTML5是一个很不错的方案,如果需求需要支持一些山寨屌丝鸡,我的建议是不要使用太多HTML5的标签和API,屌丝不是屌丝可以控制的,所以作为一个屌丝开发者自然要做一个稳重的屌丝。
HTML5的属性还是很好用的,placeholder就是其中一个。
CSS详解
现在你抛弃了IE,甚至抛弃了火狐,此刻你的心情一定又惊又喜。可以轻松的勾画出阴影和渐变,甚至可以使用可爱的css3动画。经测试在IOS下CSS3的渲染都非常给力,在一些中端安卓机型上CSS3的渲染有些偏差,CSS3动画明显不够流畅,这时候有两种解决方案,一种是平稳退化,一种是渐进增强,如何选择还得依照项目需求来定。
建议不要使用太多的CSS3效果,CSS3的渲染比较耗电,也会对性能造成一定的影响。
Javascript详解
你仍然可以选择在PC端使用的jQuery库来从事手机端的页面开发,这不会造成太多硬性,但这里推荐使用一个叫zepto的小库来实现基本功能,麻雀虽小,鸡鸡俱全。
为什么不用jQuery Mobile?理由很简单,我需要一款白色时尚的鼠标,而你却买了一台MAC,鼠标我得到了,但是电脑和键盘我并不需要,这又是何必呢。
那我想用sencha touch?如果只是想做一个开发周期短、升级简单、维护成本低的纯app,那就不建议使用ST,学习ST的时间都可以开发很多页面了。