移动web开发

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

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是要做成响应式还是单独分开来做呢？

我们需要关注这两个问题：

1、你的应用场景是什么样的

2、你要如何设计你的响应式

如果你的网页是比较简单、轻量级的可以直接用media query实现响应式，也可以使用css的响应式框架。比如：blog、小型企业站等

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

综合各种情况，静态资源的响应式都是有必要去做的，大型页面可以通过响应式组件去解决复用、功能同步的问题。

总之，根据场景响应式可以从各种层面，各种粒度上做。这是现代web开发的特点。

 

本文部分采取自：知乎--张克军的回答