移动web开发

在现代网页开发中,新增了一个移动设备网页开发,在这样的需求下,你须要考虑如何将移动web和pc web同步处理css

1  /*
2     * 浏览器如何识别移动设备
3     * */
4     var ua = navigator.userAgent.toLowerCase();
5     var ipad = /ipad/gi.test(ua);
6     var android = /android|Adr/gi.test(ua);
7     var iphone = /iphone/gi.test(ua);

移动端web是要作成响应式仍是单独分开来作呢?android

咱们须要关注这两个问题:web

一、你的应用场景是什么样的浏览器

二、你要如何设计你的响应式框架

若是你的网页是比较简单、轻量级的能够直接用media query实现响应式,也能够使用css的响应式框架。好比:blog、小型企业站等iphone

如何你的网页是比较大型的,这就要用到上面的代码判断移动设备渲染不一样版本的模版,组合相应的静态资源,也算是一种响应式。可是有个弊端是维护成本高移动端web

综合各类状况,静态资源的响应式都是有必要去作的,大型页面能够经过响应式组件去解决复用、功能同步的问题。spa

总之,根据场景响应式能够从各类层面,各类粒度上作。这是现代web开发的特色。设计

 

本文部分采起自:知乎--张克军的回答code

相关文章
相关标签/搜索