zoukankan      html  css  js  c++  java
  • 移动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开发的特点。

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

  • 相关阅读:
    【CF932E】Team Work
    【ZJOI2011】看电影
    【CQOI2011】放棋子
    【HAOI2010】计数
    【HNOI2009】有趣的数列
    【ZJOI2010】排列计数
    【FJOI2016】建筑师
    【USACO10 OPEN】三角形计数
    【HNOI2012】排队
    【HNOI2008】越狱
  • 原文地址:https://www.cnblogs.com/lenq/p/4078049.html
Copyright © 2011-2022 走看看