web界面测试中需要注意的地方


针对Web应用的界面测试，可以从以下方面进行用户界面测试：控件测试、多媒体测试、内容测试、容器测试、浏览器兼容性测试、整体界面测试等。下面详细叙述。

1、 控件测试

Web应用与其他应用程序一样，也有许多用以实现各种功能或者操作的控件，比如常见的按钮、单选框、复选框、下拉列表框等等。最基本的当然需要考虑每一个控件其功能是否达到使用要求，是否合适的使用。有状态属性的控件在进行多种操作之后，控件状态是否依然能够保持正确，界面信息是否显示正常。

2、 多媒体测试

现如今的Web应用中，主流的一些多媒体内容包括图片、GIF动画、Flash、Silverlight等。可以通过以下方面进行测试：
(1)     要确保图形有明确的用途，图片或动画排列有序并且目的明确
(2)     图片按钮链接有效，并且链接的属性正确（比如是新建窗口打开还是在当前页面打开）
(3)     背景图片应该与字体颜色和前景颜色相搭配
(4)     检查图片的大小和质量，一般采用JPG、GIF、PNG格式，并且在不影响图片质量的情况下能使图片的大小减小到 30k 以下
(5)     GIF动画是否设置了正确的循环模式，其颜色是否显示正常
(6)     Flash、Silverlight元素是否显示正常。如果是控件类，功能是否能够实现

3、内容测试

内容测试用来检验Web应用系统提供信息的正确性、准确性和相关性。
(1)     验证所有页面字体的风格是否一致，包括字体，颜色，字号等方面
(2)     导航是否直观，Web应用的主要功能是否可通过主页索引
(3)     站点地图和导航功能位置、是否合理
(4)     Web页面结构、导航、菜单、超级链接的风格是否一致，比如指向超级链接，点击超级链接，访问后的超级链接是否都进行了处理
(5)     背景颜色应该与字体颜色和前景颜色相搭配
(6)     验证文字段落、图文排版是否正确，文字内容是否完整显示，图片是否按原有比例显示
(7)     检查是否有语法或拼写错误，文字表达是否恰当，超级链接引用是否正确
(8)     链接的形式、位置、是否易于理解

4、 容器测试

DIV和表格在页面布局上的基本作用都是作为一种容器。其中，表格测试分为两个方面，一方面是作为控件，需要检测其是否设置正确，每一栏的宽度是否足够宽，表格里的文字是否都有折行，是否有因为某一格的内容太多，而将整行的内容拉长等；另一方面，表格作为较早的网页布局方式，目前依然有很多的Web页使用该方式实现Web页设计，此时则需要考虑浏览器窗口尺寸变化、Web页内容动态增加或者删除对Web界面的影响。
DIV+CSS测试则需要界面符合W3C的Web标准，W3C提供了CSS验证服务，可以将用DIV+CSS布局的网站提交至W3C，帮助Web设计者检查层叠样式表(CSS)。
还需要测试，在调整浏览器窗口大小时，页面在窗口中的显示是否正确、美观，页面元素是否显示正确。

5、 浏览器兼容性测试

主要测试在主流浏览器（IE6、IE8、Chrome、Firefox、Opera等）中Web界面是否显示正确，包括页面元素是否显示正确，功能是否能够满足要求。其中很多问题都是非常细致的问题，比如界面元素边框相差1px,2px等。

6、 整体界面测试

对整体界面的测试过程，其实是一个对最终用户进行调查的过程。可以通过外部人员(与Web应用系统开发没有联系或联系很少的人员)的参与，得到最终用户的反馈信息。

文章转载自：web界面测试中需要注意的地方  http://www.studyofnet.com/news/1166.html