• 浅谈移动优先的跨终端Web 解决方案


    1、基准 
    我们定义测试基准和开发基准,也就是说我们定义我们在哪些浏览器上去进行调试。 
    这里写图片描述
    左侧图主要是定义PC上的基准,其中A级项目中必须支持,B级可选,C级观察。

    2、检测 
    主要是终端检测 
    这里写图片描述
    这是一张架构图,其中紫色虚线部分是前置服务器,蓝色虚线部分是应用层服务器。 
    在前置服务器中有一个模块,根据UA返回一些信息。那返回什么信息呢?继续看图如下: 
    这里写图片描述
    有这么几个属性,sw、sh是屏幕宽高,cw、ch是设备无关宽高,pr是一个sw/cw的一个比值,mobile = true表示当前页面运行在移动端。

    3、接口 
    主要是接口在跨终端中的流程复用思想。如下图 
    这里写图片描述

    那么接口该有谁定义呢??前端?后端还是测试?? 
    这里写图片描述 
    其实应该是由前端来主动定制接口,因为他跟用户靠的最近。前端应该出一份接口文档给后端,后端负责数据产出。 
    详细流程见下图所示: 
    这里写图片描述

    这里写图片描述

    这里写图片描述

    注意:校验包括:1.本地校验;2.node & browser版本

    最后我们做下接口的总结: 
    A.接口带来的流程可复用 
    B.接口校验测试保障 
    C.接口文档和调试数据同步

    4.定位 
    多页面定位和多视图定位,定位的实现有2中方式: 
    A.History-API 
    B.Hashbang

    5.预览 
    跨终端预览工具Focus 
    1.支持UA改写 
    2.支持多设备 
    3.与业务系统的深度整合

  • 相关阅读:
    BLOB
    cesium 检测视图改变的代码
    有关Nodejs的一些插件介绍
    线程基础知识
    进程和线程概念对比
    C#对象与XMl文件之间的相互转换(转)
    简介C#读取XML的方式(转)
    关于c# Debug和Release的区别 (转)
    c++堆和栈(转)
    浅谈C#堆栈与托管堆的工作方式(转)
  • 原文地址:https://www.cnblogs.com/zhujiabin/p/9521943.html
Copyright © 2020-2023  润新知