随着硬件的完善、高性能浏览器的出现和宽带的普及，技术可以在用户体验方面实现更多种可能，前端技术领域迸发出旺盛的生命力。网页不再只是承载单一的文字和图片，各种富媒体让网页的内容更加生动，网页上软件化的交互形式为用户提供了更好的使用体验，这些都是基于前端技术实现的。随着手机成为人们生活中不可或缺的一部分，成为人们身体的延伸，人们迎来了体验为王的时代。移动端的前端技术开发前景宽阔。此外，前端技术还能应用于智能电视、智能手表甚至人工智能领域。因此越来越多的人开始学习Web前端技术。

WEB功能测试一般关注的点主要可以分UI及易用性测试、表单测试、cookies测试、链接测试、兼容性测试。

UI及易用性测试：

1)各个页面的样式风格是否美观统一，如图片大小、颜色是否统一，页面、文字、图片是否居中等。

2)各个页面的标题和描述是否正确，有无错别字，字体大小、颜色是否正确统一，文字描述准确，无歧义。

3)页面布局统一，美观，间距合理。

4)操作是否符合人们的常规习惯(有没有把相似的功能的控件放在一起，方便操作)。

5)提示信息是否正确，鼠标停留到上面是否正常显示提示。

6)调整分辨率验证页面格式是否错位现象。

7)窗口的最大化、最小化是否能正确切换。

8)执行风险操作时，有确认、删除等提示。

9)快捷键检查：是否支持常用快捷键，如Ctrl+C Ctrl+V Backspace等。

cookies测试：

cookies是否正常工作。

刷新操作是否影响cookies。

cookies是否按预定时间保存。

表单测试：

表单测试主要是验证对数据的增删改查修改是否正常实现，以及验证码功是否可用。

(1)、注册、登陆、输入信息提交等操作是否正常。

(2)、用户填写的信息是否合理，是否在需求规定的范围内，对于一起日期时间地点等选择是否合理;

(3)、检验默认值的正确性;

(4)、如表单只能接受指定的某些值，测试时跳过这些字符，看系统是否会报错。

(5)、短信验证码、邮箱验证码、字符验证码、图片验证码功能是否正常。

链接测试

(1)、测试所有链接是否按指示的那样确实链接到了该链接的页面;

(2)、测试所链接的页面是否存在;

(3)、保证Web应用系统上没有孤立的页面(所谓孤立页面是指没有链接指向该页面，只有知道正确的URL地址才能访问)。

兼容性测试：

1)平台兼容性：不同硬件平台(PC、手机、平板等)，不同操作系统(linux、windows、macOS、android、ios等)。

2)浏览器兼容性(IE、360、搜狗、chrome、火狐等)