B/S C/S架构的界面测试

摘要:
网站是B/S架构的典型,从做网站的有限经验来整理一下B/S测试的基本要点,并把它与C/S进行区分。与C/S相比,以下4个测试是除了常用测试外还要注意的:链接测试表单测试脚本测试ActiveX控件测试一、重要的放前面,C/S是不用考虑浏览器兼容的,因此网页关于兼容的测试分以下4个方面:1.不同内核的浏览器,主要分为IE、火狐、chrome、Safari其实chromium是修改后用于chrome的WEBKIT内核,集成了pdf插件、flash插件。

网站是B/S架构的典型,从做网站的有限经验来整理一下B/S测试的基本要点,并把它与C/S进行区分。

与C/S相比,以下4个测试是除了常用测试外还要注意的:

(1)链接测试 (2)表单测试 (3)脚本测试 (4)ActiveX控件测试

一、重要的放前面,C/S是不用考虑浏览器兼容的,因此网页关于兼容的测试分以下4个方面:

1.不同内核的浏览器,主要分为IE(trident)、火狐(Gecko)、chrome(chromium)、Safari(webkit)其实chromium是修改后用于chrome的WEBKIT内核,集成了pdf插件、flash插件。由于oprea现在也用webkit,所以不用考虑opera以前的presto内核。(在我另一篇博客中,详细讲了不同浏览器的内核及WEB工作原理

2.不同分辨率。主流的是如1024x768,1366x700。(http://blog.sina.com.cn/s/blog_6741c73e0101byce.html)

3.不同的操作系统(Linux、Windows、iOS)

4.不同显示器(电脑、平板、智能手机--Android oriOS)

下面这个表是粘贴过来后自己修改添加的B/S基本界面测试点:

总的来说,测试要点就是标题栏、文字、窗体、菜单、控件、图片、颜色搭配和提示框。

测试内容测试点
页面显示

1、浏览器窗口放大缩小时页面刷新是否正确美观;
2、电脑显示屏是宽屏或标屏下页面元素显示是否正确,是否美观;
3、用户常用的几种分辨率下页面元素显示是否正确,是否美观。
4、字体的大小要与界面的大小比例协调, 通常使用的字体中宋体9-12较为美观,很少使用超过12号的字体。
5、前景与背景色搭配合理协调,反差不宜太大,最好少用深色,如大红、大绿等。
6、页面弹出式提示界面必须大小合理,布局美观,符合系统风格。

7.长宽比例协调(黄金比例1:0.618)

页面布局

(合理性)

1、布局要合理,不宜过于密集,也不能过于空旷,合理的利用空间。
2、相关页面元素的外形是否美观大方,大小是否合适,位置和页面的风格是否协调。
3、页面相关说明性文字的位置是否正确合适,鼠标定位在需说明的控件上时相关提示信息位置是否合理。

页面风格

(一致性)

1、同一系统中不同页面的整体风格是否一致,是否美观;
2、各页面背景、色调是否正确,是否美观,是否适合应用环境。
3、主色调要柔和,具有亲和力与磁力,坚决杜绝刺目的颜色。
易用性

1、按钮名称易懂,用词准确,屏弃多义性字眼,要与同一界面上的其他按钮易于区分,能望文知意最好。
2、对于完成同一功能的控件需要集中放置,减少鼠标移动;Tab键的顺序与控件排列顺序要一致,目前流行总体从上到下,
同时行间从左到右的方式。
3、默认按钮要支持Enter及选操作,即按Enter后自动执行默认按钮对应操作。
4、页面要支持键盘自动浏览按钮功能,即按Tab键、回車鍵的自动切换功能。
5、页面输入控件的选择要合理合适,同一界面复选框不能出现太多,下拉列表选项也不宜太多。
6、常用菜单功能需提供操作快捷键,快捷键的定义应符合大众操作习惯
7、页面存在工具栏的,工具栏需要设置默认停靠位置,工具栏长度不能太长,工具栏上的按钮需提供提示信息,
工具栏功能可以用户自行定制。

8.重要信息需要醒目

9.同一界面控件数<10

友好性1、对于需要等待的操作,如果时间稍长就应该提供进度条显示
2、菜单深度一般要控制在三层以内,树状结构类似。
3、滚动条的长度要根据显示信息的长度或宽度能及时变换,以利于用户了解显示信息的位置和百分比。
4、对用户操作需要反馈足够的信息,例如提示、警告、或错误,信息表达应该清楚、明了、恰当、准确。
特殊字符~ , ` , ! , @ , # , $ , % , ^ , & , * , ( , ) , ; , | , , / , < , > , , , . , { , } ,
[ , ] , ' , " 。一般的输入框中需要屏蔽上面列举的特殊字符,使其不能输入。
http://www.cnblogs.com/luluping/archive/2009/06/12/1501806.html这个博文讲B/S测试还挺详细的,马克。

免责声明:文章转载自《B/S C/S架构的界面测试》仅用于学习参考。如对内容有疑问,请及时联系本站处理。

上篇admin 的使用及参数配置CocoaPods安装和使用201712下篇

宿迁高防,2C2G15M,22元/月;香港BGP,2C5G5M,25元/月 雨云优惠码:MjYwNzM=

相关文章

uiautomatorviewer详解

一,uiautomatorviewer是什么?     Android 4.1发布的,uiautomator是用来做UI测试的。也就是普通的手工测试,点击每个控件元素 看看输出的结果是否符合预期。比如 登陆界面 分别输入正确和错误的用户名密码然后点击登陆按钮看看是否能否登陆以及是否有错误提示等。 功能性或者黑盒UI测试不需要测试人员了解程序如何实现的,只需...

在PyQt中构建 Python 菜单栏、菜单和工具栏

摘要:菜单、工具栏和状态栏是大多数GUI 应用程序的常见且重要的图形组件。您可以使用它们为您的用户提供一种快速访问应用程序选项和功能的方法。 本文分享自华为云社区《Python 和 PyQt:创建菜单、工具栏和状态栏》,作者:Yuchuan。 在使用 Python 和PyQt开发图形用户界面 (GUI)应用程序时,您将使用的一些最有用和最通用的图形元素是...

ExtJS组件的xtype属性列表

ExtJS的应用界面是由很多小部件组合而成的,这些小部件被称作“组件(Component)”,所有组件都是Ext.Component的子类,Ext.Component提供了生命周期管理包括初始化、渲染、大小和尺寸管理、销毁等功能,这使得所有Ext.Component的子类都自动分享了这些能力。ExtJS提供了各式各样丰富的组件,每一个组件都很容易被扩展创建...

[转]TamperIE使用说明

TamperIE,一个IE浏览器的小插件,可以修改cookie和post、get提交的表单数据等,用这个小工具可以很方便地修改,而不必抓包再提交。 一、安装 TamperIE的官方网站是http://www.bayden.com/TamperIE/ ,可以去官方下载。 TamperIE的安装非常简单,直接下一步到底就行。安装过程中会让下你下载borl...

Toolbar 工具栏 菜单 标题栏 Menu

要使用Toolbar,要先将标题栏(ActionBar)关掉; style.xml中:<style name="MainActivityTheme" parent="Theme.AppCompat.Light.NoActionBar"/>AndroidManifest.xml中:<activity android:name=".MainA...

QT添加资源文件,并为工具栏添加图片

1、右键工程,添加新文件,QT,QT Resource File。 2、选择res,添加前缀,添加文件,(把图片放在文件夹里,把文件夹放在工程目录下)选择图片 3、在ui中,下方有个Action Editor,右键Action,编辑,图标...