H5测试点总结

一、概述

1.1 什么是H5

H5 即 HTML5，是最新的 Web 端开发语言版本，现如今，大多数手机 APP 页面会用 H5 实现，包括 PC Web 站点也会用它开发实现。所以 Web 的通用测试点和方法基本都可以适用于它。H5其实就是：移动端Web页面。

在PC或者手机浏览器都可以直接访问H5页面

1.2 怎么识别是H5？

1. 基本上只要对那个view长按，然后看是不是有反应，比如手机震动（Android）、或者出现文字选择粘贴（Android/iOS），那么就是WebView！
2. 横屏竖屏相互切换，能自适应，并且布局不会乱掉；
3. H5的页面在PC端也是能访问的，chrome对H5支持最好，功能的测试可以在PC端chrome下先测试，也可以在手机上直接测试，这个看个人习惯。（ie系列包括ie8,及以下都支持的不好，这个可以与PD确认H5页面在这些PC浏览器上不支持

1.3 H5系统架构

H5是移动端web页面，也就是Web App，B/S 架构

1.4 H5测试工具？

Fiddler、Selenium、JMeter、LoadRunner 等等。

二、测试点

2.1 UI测试

风格、样式、颜色是否协调，不仅包括HTML5本身，因为HTML5会嵌入App里面，所以要考虑 H5 的风格、样式、颜色是否与app本身协同，不至于格格不入，包括用户习惯等也最好保持一致或相近，最好在设计初期就有颜色、按钮、图片、背景、边框等详细规划和统一。 但是正是由于H5的可移植性，同一服务会嵌入到N家客户的产品中，难以与各家都完全统一，所以在设计中就应该考虑这些问题。  

文字：风格一致、错别字、标点符号统一、换行是否显示正常、一行长文字是省略显示全显示、图片与文字是否一致、刷新页面文字是否展示 

图片：静态：大小、风格；动态：大小、风格、准确性动态图；刷新页面图片是否展示

图片适配：是否根据不同屏幕和分辨率做适配，高端机取双倍尺寸的图；

　　　　　是否对于2G网络，或低端机单独处理，不取高清图或减少一些特效动画效果；

　　　　　最好加上webp图片的支持，可减少流量；

　　　　　在中低端机上考虑是否需要让前端单独处理，去掉复杂处理。并 对中低端机只取原图，不取高清图。

　　　　　注意：webp格式只对android有效，放在IOS上反而会起反作用。 

　　　　　是否要增加转场动画，loading动画，点击动画等。以提升体验。需要在动画效果和卡顿上衡量。  

连接：空连接、刷新连接数据是否展示、 

输入框：暗纹提示文案颜色是否正确？

2.2 功能测试

2.2.1 输入框 

1、字符型输入框： 

（1）字符型输入框：英文全角、英文半角、数字、空或者空格、特殊字符“~！@#￥%……&*？[]{}”特别要注意单引号和&符号。禁止直接输入特殊字符时，使用“粘贴、拷贝”功能尝试输入。 

（2）长度检查：最小长度、最大长度、最小长度-1、最大长度+1、输入超工字符比如把整个文章拷贝过去。 

（3）空格检查：输入的字符间有空格、字符前有空格、字符后有空格、字符前后有空格 

（4）多行文本框输入：允许回车换行、保存后再显示能够保存输入的格式、仅输入回车换行，检查能否正确保存（若能，检查保存结果，若不能，查看是否有正常提示）、 

（5）安全性检查：输入特殊字符串（null,NULL, ,javascript,)、doucment.write(“abc”)、hello）

（6）表情符号输入检查：有些表情格式不是utf-8

（7）输入内容超限后，是否有弹窗，是否截取？是否可继续输入？

2、数值型输入框： 

（1）边界值：最大值、最小值、最大值+1、最小值-1 

（2）位数：最小位数、最大位数、最小位数-1最大位数+1、输入超长值、输入整数 

（3）异常值、特殊字符：输入空白（NULL）、空格或”~!@#$%^&*()_+{}|[]:”<>?;’,./?;:’-=等可能导致系统错误的字符、禁止直接输入特殊字符时，尝试使用粘贴拷贝查看是否能正常提交、word中的特殊功能，通过剪贴板拷贝到输入框，分页符，分节符类似公式的上下标等、数值的特殊符号如∑，㏒，㏑，∏，+，-等、 

输入负整数、负小数、分数、输入字母或汉字、小数（小数前0点舍去的情况，多个小数点的情况）、首位为0的数字如01、02、科学计数法是否支持1.0E2、全角数字与半角数字、数字与字母混合、16进制，8进制数值、货币型输入（允许小数点后面几位）、 

（4）安全性检查：不能直接输入就copy

3、日期型输入框：

（1）合法性检查：(输入0日、1日、32日)、月输入[1、3、5、7、8、10、12]、日输入[31]、月输入[4、6、9、11]、日输入[30][31]、输入非闰年，月输入[2]，日期输入[28、29]、输入闰年，月输入[2]、日期输入[29、30]、月输入[0、1、12、13] 

(2)异常值、特殊字符：输入空白或NULL、输入~！@#￥%……&*&#x