优势：

1.H5可以跨平台，开发成本相对较低；

2.H5可随时上限就更新版本，适合快速迭代；

3.H5可以轻量的触达用户，提供更快捷的服务；

4.在微信入口或者浏览器上，用户只需点开链接就可以获取我们所提供的服务。

 

劣势：

1.H5->的转化强依赖于浏览器；

2.H5目前基本无法将数据存储在本地，依赖实时性数据，网络状态不好的时候卡到哭。

3.性能相对较低，影响用户体验。

 

H5功能验证

1.通过H5网页（非手机的返回功能）的返回功能可以返回，不会出现无法返回的情况。

 

返回逻辑：

1.对于页面中的返回，以及浏览器自带的返回的测试。页面中的返回要考虑业务逻辑，友好返回到相应层次，需要从用户角度返回的转跳逻辑，不能出现死循环。并要注意返回后是否需要刷新页面请求通过H5页面（非手机自带返回键）的返回功能键返回，可以返回到正确的页面（上一级/退出H5）点击返回与back键，回退页面是否是期望页面。

 

2.横屏竖屏相互切换，能自适应，并且布局不会乱掉；或页面只支持横或竖屏限制。

 

3.在手机上从list点击进入detail页面，要在原窗口打开，这样可以通过页头的返回按钮返回，而不需要通过手机的返回键返回，这样交互上更友好。

 

4.关注页面请求，是否会有多余的请求，或者请求后有多余的数据返回，尽量精简，否则会浪费流量。

 

5.图片适配测试，根据不同屏幕和分辨率做适配，以及适配后的清晰度，高端机取双倍尺寸的图--app兼容测试。

 

H5适配相关

1.H5的适配其实比客户端的相对来说，要少一些，手机品牌之间的差异不大，所以不用太多关注，最容易出现问题的是Android2.3系统，这个要特别关注下：

 

A、大屏（如720*1280，重点关注页面背景是否完全撑开页面，刷新是否有抖动）、小屏手机（如320*480，重点关注下弹框样式和文案折行）

 

B、Android2.3、Android4.X随机找一个即可。

 

C、ios5、ios6、ios7.

 

2.H5的页面在PC端也是能访问的，Chrome对H5支持最好，功能的测试可以在PC端Chrome下先测试，也可以在手机上直接测试，这个看个人习惯。（ie系列包括ie8，及以下都支持的不好）

 

3.手指滑动是否流畅，手指点击是焦点是否定位正确，不同机型会不一样。焦点点击是否灵敏。

 

4.对于类似公司名称、offer名称长度的问题，在手机上最好能根据屏幕大小自适应而不是截断，因为手机上是不会有tips可以看的。截断导致大屏幕下也只能显示几个字，交互不好。

 

5.手机测试要特别关注交互是否友好，与PC机的事件模型不一样，，可能拖动后是否会导致一些体验的问题，比如：弹出层的点击，是否会穿透，影响到弹出层下面的页面。

 

6.对于一些浮层做的页面，例如地图、产品分类等浮层，注意拖动后是否可以看到它下面的页面，拖动后边缘是否有留白。

 

7.网络切换：从WiFi切换到2G/3g网络、从2G/3g网络切换到WiFi等。

 

弱网络降级：处于2G/3g网络省流量模式的一些特殊处理，比如2G网络下测试，图片多时是否要懒加载等。网络状况差的场景，可以提示文案，但不能闪退。