1.对于一个手机H5页面如何进行兼容性测试？

手机HTML5主要应用是嵌入在app或者微信公众号里面，所以兼容性主要是iOS、Android 两个系统各种主流机型的适配：

手机操作系统

iOS和Android各版本

主流手机机型

手机屏幕大小

系统自带浏览器和主流浏览器

物理和H5上返回键

上下滑动，来回切换

放大缩小

 

2.如何判断一个APP页面是原生的还是H5页面？

1.看页面布局情况：把手机的网络断掉。然后点开页面。然后可以正常显示的东西就是原生写的。显示404或则错误页面的是html页面。

2.看复制文章的提示：比如是文章资讯页面可以长按页面试试，如果出现文字选择、粘贴功能的是H5页面，否则是native原生的页面。有些开放了复制粘贴功能或者关闭了。而H5的css屏蔽了复制选择功能等等情况。需要通过对目标测试APP进行对比才可知。

3.看加载方式：如果在打开新页面导航栏下面有一条加载的线的话，这个页面就是H5页面，如果没有就是原生的

4.看App顶部，导航栏是否会有关闭的操作：如果APP顶部导航栏当中出现了关闭按钮或者有关闭的图标，那么当前的页面肯定的H5，原生的不会出现

5.判断页面下拉刷新的时候：如果界面没有明显刷新现象的是原生的，如果有明显刷新现象（比如闪一下）的是H5页面

 

3.C/S与B/S架构

C/S 架构（建立在局域网）

是一种典型的两层架构，是客户端/服务器端架构，其客户端包含一个或多个在用户的电脑上运行的程序，而服务器端有两种，一种是数据库服务器端，客户端通过数据库连接访问服务器端的数据；另一种是Socket服务器端，服务器端的程序通过Socket与客户端的程序通信。C/S 架构的客户端需要实现绝大多数的业务逻辑和界面展示，作为客户端的部分需要承受很大的压力，因为显示逻辑和事务处理都包含在其中

优点：

C/S架构的界面和操作可以很丰富

用户群固定，对信息安全控制的比较好

缺点：

适用面窄，通常用于局域网中。

维护成本高，发生一次升级，则所有客户端的程序都需要改变。

 

B/S架构（建立在广域网）

浏览器/服务器结构，Browser指的是Web浏览器，Browser客户端，服务器端和DB端构成所谓的三层架构，B/S架构的系统无须特别安装，只有Web浏览器即可，B/S架构中，显示逻辑交给了Web浏览器，事务处理逻辑在放在WebApp上，减少了客户端的压力

优点：

客户端无需安装，有Web浏览器即可

减少了客户端的开发工作，节省了维护费用

BS架构无需升级多个客户端，升级服务器即可

缺点：

面向不可知用户，浏览器的安全性难以保证

另外它的交互是请求-响应的模式，在速度和安全性上需要花费巨大的设计成本

服务器运行数据负荷较重，一旦发生'崩溃'，影响比较大