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

    网站是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 or iOS）

    下面这个表是粘贴过来后自己修改添加的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测试还挺详细的，马克。