Web界面测试小结

测试注意的问题：

从事web测试，特别是电子商务网站，现在大部分客户对界面的要求非常高，所以对于测试人员来讲，也必须特别注意界面的一些东西。从前几个项目来看，个人认为界面测试的测试点以及应该注意的问题：

1. 界面的线条是否一致，每个界面中线条是否对齐，是否一致。（静态页面没有确认的情况下）

2. 整个系统的界面是否保持一致

3. 界面中是否存在错别字

4. 界面所有的按钮样式是否一致

5. 每个界面是否同原静态页面设计一致（静态页面确认的情况下）

6. 操作是否友好

7. 界面所有的按钮、下拉框是否有响应

8. 界面所有的链接是否正常

9. 界面所有的输入框是否都进行校验（例如：搜索框、字段输入框）

10. 界面所有的列表页标题字是否会折行，标题字是否统一居中等，当然也可以居左，这需要同客户沟通（折行的话影响美观）

11. 界面所有的展示图片是否样式一致

12. 浏览器的兼容性问题，检查页面在不同浏览器下是否会发生异常

13. 每个页面的提示字体的颜色、格式是否统一准确

14. 界面中所有字段后面是否都存在冒号，有冒号，查看是否冒号为统一的中文冒号还是英文冒号。

15. 界面中的提示说明叙述是否太啰嗦，有时候需要能简化尽量简化，并且字体显示格式一致，颜色统一。

16. 在web网站，一般经常是后台控制前台的显示，因此在对后台进行数据添加时，查看前台是否有变化，并且查看界面的数据是否溢出框外。

当然，我们在进行界面测试时，必须明确UI测试的目的，它是确保用户界面通过测试对象的功能来为用户提供相应的访问或浏览功能。

确保用户界面符合公司和行业的标准。

通过用户界面测试来核实用户与软件的交互，UI测试的目标在于确保用户界面向用户提供了适当的访问和浏览对象功能的操作，除此之外，UI测试还却表UI功能内部的对象符号预期的要求，并遵循公司和行业的标准。

接下来，具体的分析一下界面测试的依据从哪些方面着手。

测试目标：

a) 窗口与窗口之间、字段与字段之间的浏览，以及各种访问方法（tab键、鼠标移

动和快捷键）的使用

b) 窗口的对象和特征（例如：菜单、大小、位置、状态和中心）都符号标准

测试方法：为每个窗口创建或修改测试，以核实各个应用程序窗口和对象都可正确的进行浏览，并处于正常的对象状态。

我们在实际工作当中，针对web应用程序，也就是经常所说的B/S系统，可以从如下方面来进行用户界面测试：

1）导航测试

导航描述了用户在一个页面内操作的方式，在不同的用户接口控制之间，例如按钮、对话框、列表和窗口等；

不同的链接页面之间，通过考虑下列问题，可以决定一个web应用系统是否易于导航；导航是否直观？web系统的主要部分是否可通过主页存取？web系统是否需要站点地图、搜索引擎或其他的导航帮助

当然，这些同美工以及客户需求有关。我们是根据已经确认的页面进行测试即可。

2）图形测试

图形包括图片、动画、边框、颜色、字体、背景、按钮等。

? 要确保图形有明确的用途，图片或动画不要胡乱的堆在一起，以免浪费传输时间，

web应用系统的图片尺寸要尽量地小，并且要能清楚的说明某件事情。一般都链接到某个具体的页面

? 验证所有页面字体的风格是否一致

? 背景颜色与字体颜色和背景色相搭配

? 图片的大小和质量，一般采用jpg或gif压缩，最好能使用图片的大小减小到30k

以下

? 演示文字回绕是否正确，如果说明文字指向右边的图片，应该确保该图片出现在

右边，不要因为使用图片而使窗口和段落排列古怪或者出现骨性。

3）内容测试

内容测试用来检验Web应用系统提供信息的正确性、准确性和相关性。信息的正确性是指信息是可靠的还是误传的。信息的相关性是指是否在当前页面可以找到与当前浏览信息相关的信息列表或入口，也就是一般Web站点中的所谓"相关文章列表"

4）表格测试

需要验证表格是否设置正确，用户是否需要向右滚动页面才能看见产品的价格？ 把价格放在左边，产品细节放在右边是否更有效？

每一栏的宽度是否足够宽，表格里的文字是否都有折行？

是否因为某一格的内容太多，而将整行的内容拉长？

5）整体界面测试

整体界面是指整个Web应用系统的页面结构设计，是给用户的一个整体感。例如：当用户浏览Web应用系统时是否感到舒适，是否凭直觉就知道要找的信息在什么地方？整个Web应用系统的设计风格是否一致？

对整体界面的测试过程，其实是一个对最终用户进行调查的过程。一般Web应用系统采取在主页上做一个调查问卷的形式，来得到最终用户的反馈信息。

对所有的用户界面测试来说，都需要有外部人员（与Web应用系统开发没有联系或联系很少的人员）的参与，最好是最终用户的参与。

第二篇：WEB测试总结

WEB测试总结

一、测试策略

1 功能测试

2 性能测试

1、连接速度测试

2、负载测试

3、压力测试

负荷测试(Load)和压力测试(Stress)

OpenSTA(Open System Testing Architecture) 开发系统测试架构

ab ----- Apache Bench 的测试工具

3 链接测试

Xenu Link Sleuth 也许是你所见过的最小但功能最强大的检查网站死链接的软件了。

4 表单测试

当用户给Web应用系统管理员提交信息时，就需要使用表单操作

5 Cookies测试

Cookies通常用来存储用户信息和用户在某应用系统的操作

6 设计语言测试

使用哪种版本的HTML。不同的脚本语言，例如Java、javascrīpt、 ActiveX、VBscrīpt

或Perl 也要进行验证。

7 数据库测试

数据一致性错误和输出错误

Crash-me： Mysql自带的测试数据库性能的工具，能够测试多种数据库的性

能

8 安全性测试

SAINT------- Security Administrator's Integrated Network Tool

Web应用系统的安全性测试区域主要有

1、 目录设置: 每个目录下应该有 index.html 或 main.html 页

2.登录

3.Session

4.日志文件

5.加密

6.安全漏洞

9 稳定性测试

主要采用将测试服务器长时间运转进行测试。

10 兼容性测试

1、 打印机测试

2、 视频测试

11 可用性/易用性测试

1、导航测试：导航描述了用户在一个页面内操作的方式，在不同的用户接口控制之间，例如按 钮、对话框、列表和窗口等；或在不同的

连接页面之间

2、图形测试：(1)要确保图形有明确的用途

(2)验证所有页面字体的风格是否一致

(3)背景颜色应该与字体颜色和前景颜色相搭配

(4)图片的大小和质量也是一个很重要的因素

3、内容测试

内容测试用来检验Web应用系统提供信息的正确性、准确性和相

关性

4、 整体界面测试

12 代码合法性测试

CSE HTML Validator 一个有用的对于HTML代码进行合法性检查的工具

1、程序代码合法性检查

2、显示代码合法性检查

13 客户端兼容性测试

1、平台测试

2、浏览器测试

14 接口测试

1.服务器接口: 浏览器与服务器的接口。测试人员提交事务，然后查看服务器

记录，并验证在浏览器上看到的正好是服务器上发生的。测试人员还可以查询数据库，确认

事务数据已正确保存

2、 外部接口

有些 web 系统有外部接口。例如，网上商店可能要实时验证信用卡数据以减少欺诈行 为的发生。测试的时候，要使用 web 接口发送一些事务数据，分别对有效信用卡、无效信用卡和被盗信用卡进行验证。如果商店只使用 Visa 卡和 Mastercard 卡， 可以尝试使用 Discover 卡的数据。(简单的客户端脚本能够在提交事务之前对代码进行识别，例如 3 表示 American Express，4 表示 Visa，5 表示 Mastercard，6 代表Discover。)通常，测

试人员需要确认软件能够处理外部服务器返回的所有可能的消息。

3、错误处理

最容易被测试人员忽略的地方是接口错误处理。通常我们试图确认系统能够处理所有错

误，但却无法预期系统所有可能的错误。尝试在处理过程中中断事务，看看会发生什么情况？ 订单是否完成？尝试中断用户到服务器的网络连接。尝试中断 web 服务器到信用卡验证服 务器的连接。在这些情况下，系统能否正确处理这些错误？是否已对信用卡进行收费？如果 用户自己中断事务处理，在订单已保存而用户没有返回网站确认的时候，需要由客户代表致

电用户进行订单确认。

15 文档测试

三、网站测试流程

一个网站基本完工后，需要通过下面三步测试才可以交活。

一、 制作者测试，包括美工测试页面、程序员测试功能。在做完后第一时间内有制作

者本人进行测试。

a) 页面 包括首页、二级页面、三级页面的页面在各种常用分辨率下有无错位;图片上

有没有错别字;各连接是否是死连接;各栏目图片与内容是否对应等

b) 功能 达到客户要求;数据库连接正确;各个动态生成连接正确;传递参数格式、内容

正确;试填测试内容没有报错;页面显示正确

二、 全面测试 根据交工标准和客户要求，由专人进行全面测试

也是包括页面和程序两方面，而且要结合起来测，保证填充足够的内容后不会导致页面

变形。另外要检查是否有错别字，文字内容是否有常识错误。

三、 发布测试 网站发布到主服务器之后的测试，主要是防止环境不同导致的错误

、测试工具

网站代码验证

1 .WDG HTML Validator一个很好的工具，能找出网站语法错误的地方，并标注出

来，也可选择对网站上单独的每一页进行单页分析

2 .W3C Markup Validation Service对 HTML 和 XHTML 都能进行代码测试，自称

是互联网络上第一个（也是使用者最多的）的 HTML 验证工具

3 .W3C CSS Validation Service用于验证 css 源代码，能够标注出不好的 css 代码

设计

4 .RUWF XML Syntax Checker用于查找 XML 文件的错误。

5 .W3C Feed Validation Service用于查找 Atom 和 RSS feed 中的错误语法。（这个我

经常用到）

6 .W3C Link Checker用于搜寻查明你网站内的所有链接里是否有断链。（强烈推荐） 7 .Juicy Studio Link Analyser测试网站内的链接的 URL 是否存在死链，与 W3C Link

Checker 很类似

网站的使用性

8 .Watchfire WebXACT所有严谨的设计师和开发者都必须使用的工具，它会生成一个非常

详尽的报告书，包括：网站质量，易用性和隐私等。（强烈推荐）

9 .ATRC Web Accessibility Checker测试网站的 WCAG 2.0 Level2 兼容性，它会生成一份报告，提出一系列建议，如：如何提升页头，链接，数据，图表和文字的访问速度。 10 .WAVE 3.0 Web Accessibility Tool高度可定制的工具，它采用了图形化模型展示网站

兼容性问题（ WCAG 1.0 and section 508 ）。（强烈推荐）

11 .TAW Web Accessibility Test测试网页是否存在冲突（ WCAG 1.0 兼容性 ），通过图

形模式生成一份依据 wcag 优先模式为基础的网站修改建议。

12 .HiSoftware CynthiaSays portal采用了非常严格的规则来测试网页（ 根据 section

508 和 WCAG 1.0 规则 ），生成的报告也极为详细（ 详细到很难看懂 ）。 13 .HERA Accessibility testing with Style使用一种极为复杂但容易理解方式指出网页

的 wcag1.0 兼容性问题。

14 .Juicy Studio CSS Analyser进行了色彩对比测试，以确保你的网站的色调会符合 WCAG

1.0 的要求。

15 .Juiciy Studio Readability Test分析你网站上的文字是否有语法错误或拼写错误等问题，容易让人理解不（ 根据 the Flesch Reading Ease 和 Flesch-Kincaid grade level

algorithms 规则 ）。（ 适合英文网站使用 ）

网站的速度

16 .Web Page Analyzer from Website Optimization一个很好的工具，它在分析完一个网页后，会为减少加载时间提出优化建议，着重优化物体的数目，图片和网站的总体大小。（强

烈推荐）

17 .WebSitePulse Test Tools有一系列的工具来确定网站的加载速度和主机信息。 18 .Internet Supervision Url Check从世界各地不同的服务器来测试你的网站的加载时

间，用于确定是不是各地的来访者都能顺利快速的打开你得网站。

浏览器模拟工具

19 .Browsershots能给出你的网站在不同浏览器下显示效果的截图，包括：Firefox 和 Internet Explorer （ Windows ）、Firefox 和 Safari （ Mac OS X ）、Iceweasal 和

Konqueror （ Linux ），但是结果要在 1 - 3 小时后才能出来。

20 .IE NetRenderer实时生成你的网站在 Internet Explorer 5.5 、6.0 和 7.0 下的截

图。

21 .MobiReady Report分析使用手机访问网页的兼容性问题，会生成一份详细的报告，并

提供了在两种不同类型的手机浏览器上你得网站可能显示的样子。

搜索引擎优化 (SEO)

22 .UrlTrends会显示网站的访客是如何通过搜索引擎来到你的网站，还有各个流量是多少。这些数据是包括 Google, Yahoo, MSN, Alexa, AlltheWeb, AltaVista 和其他一些网站。

（强烈推荐）

23 .iWEBTOOL Backlink Checker一个很好的工具，它能找出有什么站点链接到你的站点，

那些站点是什么类型的站点。

24 .iWEBTOOL Multi-Rank Checker显示你网站的 Alexa 和 Google PageRank 数值。 25 .Microsoft adCenter Labs: Advertising and Keyword Research Tools一个极好的工

具，用于分析和预测你网站的来访者和市场。（强烈推荐）

26 .Domain Tools Whois lookup一个 WHOIS 网络工具。

27 .SEO-Browser可以让你看到在搜索引擎眼里一样的网站（ 去掉所有的”美丽”配件 ）。 28 .SEO Workers SEO Analysis Tool非常有用的工具，分析了网站上的各种分类特征，包

括 meta 标签、关键字密度及加载时间。（强烈推荐）

29 .Seekport Seekbot可以分析网站的数据和内容，以得出搜索引擎会如何有效的解释分

析的网站。

30 .SEO Chat SEO Tools用以分析网站 Google adsense 盈利潜力，关键字密度，Meta tag

等等……

31 .Marketleap Search Engine Marketing Tools用来分析网页，让你知道你的网站检索、

设定的关键字好不好。