1. 引言

最近对于进行了较多的Web页面测试，故将这几次Web页面测试的心得和方法总结了一下，希望对阅读本文档的朋友有所帮助(http://lovesoo.org原创，转自请注明)。

2. Web页面组成元素

2.1 标题

标题一般在网页的左上方，用户可以通过标题迅速定位网页的功能和用途。

2.2 导航列

导航列其实就是一组超链接，用户可以通过导航列快速定位到页面的主要或常用功能页面。

导航列可以是图片或按钮，甚至仅仅是文字超链接。导航列对于用户迅速了解页面主题，增强用户使用体验有至关重要的作用。

2.3 文字

文字是页面组成的最基本元素之一。文字一般包括字体、字型、颜色等元素。其实最重要的是文字是否能正确表达出设计想要传递的意思。

2.4 图片

图片是页面制作的重要组成部分。图片可以瞬间留住用户，让用户明白你要表达的内容。在页面中的作用往往比文字更加重要。

2.5 按钮

按钮在页面中用户交互时的重要手段之一。按钮可以完成用户的指令，达到用户的目的。所以按钮功能的正确与否十分重要。

2.6 超链接

超链接是页面最常见的组成元素之一。超链接是网页之间链接，也可以连接图片，文字，对话框，邮件，文件档案。灵活的运用超链接，可以使网页的功能更加丰富

3. Web页面测试

3.1 功能测试

3.1.1 页面标题

页面标题往往会被测试人员所忽略，但事实告诉我们开发人员经常把标题弄错，所以在你的测试用例中加上页面标题的用例吧。

3.1.2 页面组成内容

页面的组成内容由原型设计文档所决定，与设计不符的地方都是BUG。

3.1.3 页面主要功能

页面的主要功能可以作为BVT测试用例，做BVT测试时一般就是验证页面的主要功能。

一般页面重要功能包括：

• 添加：添加功能验证，数据库数据验证，添加后页面显示验证
• 修改：修改功能验证，数据库数据验证，修改成已存在数据验证，修改后页面显示验证。
• 删除：删除功能验证，数据库数据验证，删除后重新添加验证，删除后页面显示验证。
• 查询：不同查询条件组合（可以编写sql语句来验证查询结果），数据库存储过程验证。

3.1.4 页面其他功能

• 列表显示：查询和表报常见的数据列表。测试列表时要注意：每页显示的记录数，页面跳转控件的功能，列表记录数和页数的提示，列表内容（默认数据显示，默认排序规则）
• 导入、导出功能：常见于报表和查询统计。测试导入和导出功能时要注意：导入、导出路径（路径选择，默认路径），导入、导出文件（文件格式，文件内容，文件大小、文件名称），导入、导出功能的实现（导出数据到数据库，需检查数据库数据）
• 弹出窗口：测试弹出页面或窗口时要注意：窗口位置、标题、大小、内容、是否可移动、是否可以改变大小。窗口是否有关闭或返回按钮。
• 页面刷新：这里往往是测试人员忽略的地方，适时的自动刷新和功能提交后的页面刷新能提高用户对于页面的使用体验
• 文本框：文本框测试包括：字段长度的限制，字段格式的限制，超长字符串的输入，有关联的文本框的内容判断（例如：开始时间应该小于或等于结束时间）

3.1.5 页面跳转

页面跳转是否正确，前进、后退是否跳转到预期的页面，页面跳转后一些字段内容的传递都是测试的重点

3.2 兼容性测试

兼容性测试对于页面测试也是十分重要，有时甚至超过功能的测试。比如页面在FireFox浏览器中通过测试，但是在IE6浏览器中不能使用，使用IE6的用户会认为页面根本就无法使用，导致用户的不满。

3.2.1 浏览器兼容性测试

目前使用的主流浏览器的主要版本，在条件允许的情况都应该进行测试。

比如：IE系列（IE6,IE7,IE8）,火狐系列，遨游，360安全浏览器等。尤其是IE系列的浏览器应该重点测试。

这里推荐两个浏览器兼容性测试工具：

• 页面显示效果测试工具：Microsoft Expression SuperPreview 4 Trial
• 页面功能测试工具：Selenium

3.2.2 分辨率兼容性测试

分辨率测试，就是在常用的屏幕分辨率下，页面显示效果是否一致。一般常用的分辨率有：

800600；1024768；1280*600。具体数值根据显示器来定

3.2.3 操作系统兼容性测试

一般常用的操作系统有：WindowsXP,Windows2003,Windows7,unix等

3.2.4 软件兼容性测试

软件兼容性的测试一般较少，只有在用户需要使用特定软件时，才会测试页面和软件的兼容性

3.3 易用性测试

3.3.1 界面易用性

一般来说易用性没有确定的期望结果，只要能给用户带来更好的用户体验，就可以尽量去做。

3.3.1.1 界面风格

• 界面排版风格一致
• 界面文字风格一致
• 界面图片风格一致
• 界面按钮风格一致
• 界面图表风格一致

3.3.1.2 界面提示

界面提示对于用户体验很重要，好的界面提示能够引导用户正确使用界面。

一般常见的界面提示有：

• 必填项提示
• 非法值提示
• 页面流程提示
• 页面操作提示（进行什么样的操作会产生什么样的后果）
• 错误提示（操作结果错误，以及错误原因或解决方法）

3.3.2 功能易用性

功能易用性包括：

• 页面流程是否合理；
• 页面模块集成度；
• 页面表格设计是否合理；
• 虚线框的运用（使键盘导航更加轻松）；
• 导航列设置是否合理；
• 各种控件的运用（日期控件，下拉菜单等）。

3.4 安全性测试

3.4.1 用户登陆

3.4.1.1 用户密码加密

• 密码加密显示
• 密码加密保存
• 密码修改
• 密码找回

3.4.1.2 验证码

• 验证码功能
• 验证码重置

3.4.2 页面安全性

• 页面超时设置
• 页面地址复用
• 相同用户重复登陆

3.4.3 防注入式攻击

• URL传递参数攻击（Http://localhost/index.asp?ID=10）
• URL Sql语句攻击(Http://localhost/index.asp?username=admin’or1=1’password=123)
• 目录遍历攻击(Http://localhost/index.asp/../)
• 错误信息提示（错误的页面是否进行页面提示，而非直接显示页面代码）