下次自动登录
现在的位置:
Web页面测试方案总结
最近对于进行了较多的Web，故将这几次Web的心得和方法总结了一下，希望对阅读本文档的朋友有所帮助(原创，转自请注明)。
Web页面组成元素
标题一般在网页的左上方，用户可以通过标题迅速定位网页的功能和用途。
导航列其实就是一组超链接，用户可以通过导航列快速定位到页面的主要或常用功能页面。
导航列可以是图片或按钮，甚至仅仅是文字超链接。导航列对于用户迅速了解页面主题，增强用户使用体验有至关重要的作用。
文字是页面组成的最基本元素之一。文字一般包括字体、字型、颜色等元素。其实最重要的是文字是否能正确表达出设计想要传递的意思。
图片是页面制作的重要组成部分。图片可以瞬间留住用户，让用户明白你要表达的内容。在页面中的作用往往比文字更加重要。
按钮在页面中用户交互时的重要手段之一。按钮可以完成用户的指令，达到用户的目的。所以按钮功能的正确与否十分重要。
超链接是页面最常见的组成元素之一。超链接是网页之间链接，也可以连接图片，文字，对话框，邮件，文件档案。灵活的运用超链接，可以使网页的功能更加丰富
Web页面测试
页面标题往往会被测试人员所忽略，但事实告诉我们开发人员经常把标题弄错，所以在你的测试用例中加上页面标题的用例吧。
3.1.2 页面组成内容
页面的组成内容由原型设计文档所决定，与设计不符的地方都是BUG。
3.1.3 页面主要功能
页面的主要功能可以作为BVT测试用例，做BVT测试时一般就是验证页面的主要功能。
一般页面重要功能包括：
添加：添加功能验证，数据库数据验证，添加后页面显示验证
修改：修改功能验证，数据库数据验证，修改成已存在数据验证，修改后页面显示验证。
删除：删除功能验证，数据库数据验证，删除后重新添加验证，删除后页面显示验证。
查询：不同查询条件组合（可以编写sql语句来验证查询结果），数据库存储过程验证。
3.1.4 页面其他功能
列表显示：查询和表报常见的数据列表。测试列表时要注意：每页显示的记录数，页面跳转控件的功能，列表记录数和页数的提示，列表内容（默认数据显示，默认排序规则）
导入、导出功能：常见于报表和查询统计。测试导入和导出功能时要注意：导入、导出路径（路径选择，默认路径），导入、导出文件（文件格式，文件内容，文件大小、文件名称），导入、导出功能的实现（导出数据到数据库，需检查数据库数据）
弹出窗口：测试弹出页面或窗口时要注意：窗口位置、标题、大小、内容、是否可移动、是否可以改变大小。窗口是否有关闭或返回按钮。
页面刷新：这里往往是测试人员忽略的地方，适时的自动刷新和功能提交后的页面刷新能提高用户对于页面的使用体验
文本框：文本框测试包括：字段长度的限制，字段格式的限制，超长字符串的输入，有关联的文本框的内容判断（例如：开始时间应该小于或等于结束时间）
3.1.5 页面跳转
页面跳转是否正确，前进、后退是否跳转到预期的页面，页面跳转后一些字段内容的传递都是测试的重点
对于页面测试也是十分重要，有时甚至超过功能的测试。比如页面在FireFox浏览器中通过测试，但是在IE6浏览器中不能使用，使用IE6的用户会认为页面根本就无法使用，导致用户的不满。
3.2.1 浏览器兼容性测试
目前使用的主流浏览器的主要版本，在条件允许的情况都应该进行测试。
比如：IE系列（IE6,IE7,IE8）,火狐系列，遨游，360安全浏览器等。尤其是IE系列的浏览器应该重点测试。
这里推荐两个浏览器兼容性测试工具：
页面显示效果测试工具：Microsoft Expression
页面工具：
3.2.2分辨率兼容性测试
分辨率测试，就是在常用的屏幕分辨率下，页面显示效果是否一致。一般常用的分辨率有：
800*600；80*600。具体数值根据显示器来定
3.2.3操作系统兼容性测试
一般常用的操作系统有：WindowsXP,Windows2003,Windows7,unix等
3.2.4软件兼容性测试
软件兼容性的测试一般较少，只有在用户需要使用特定软件时，才会测试页面和软件的兼容性
3.3.1 界面易用性
一般来说易用性没有确定的期望结果，只要能给用户带来更好的用户体验，就可以尽量去做。
界面排版风格一致
界面文字风格一致
界面图片风格一致
界面按钮风格一致
界面图表风格一致
3.3.1.2 界面提示
界面提示对于用户体验很重要，好的界面提示能够引导用户正确使用界面。
一般常见的界面提示有：
必填项提示
非法值提示
页面流程提示
页面操作提示（进行什么样的操作会产生什么样的后果）
错误提示（操作结果错误，以及错误原因或解决方法）
3.3.2功能易用性
功能易用性包括：
页面流程是否合理；页面模块集成度；页面表格设计是否合理；虚线框的运用（使键盘导航更加轻松）；导航列设置是否合理；各种控件的运用（日期控件，下拉菜单等）。
3.4.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/../)
错误信息提示（错误的页面是否进行页面提示，而非直接显示页面代码）
【上篇】【下篇】
您可能还会对这些文章感兴趣！
百度站内搜索推荐专区：
您当前位置： &
Expression Web SuperPreview 4.0
Expression Web SuperPreview 4.0
目前有很多集成了IE各各版本的调试工具。如IETester、Multiple IE、IECollection等等。微软近日也推出一个工具Expression Web SuperPreview,它是Expression Web包中的子产品。（Expression包是相当出色的，Expression Web 完全是可以取代DW的XHTML+CSS开发工具）
SuperPreview和以上工具不同，它自带有很多元素查看工具，如箭头、移动、辅助线、对比（对比方式有很多种，称得上它的最强项）、类似Firebug一样的DOM查看工具。在查看网页在IE6/IE7/IE8不同表现的同时，可是对比效果。
Expression Web 4 SP1的主要更新项：
改善稳定性
&PHP的include语句可以随时更新
PHP网页预览
可以插入Silverlight视频
改善Team Foundation
发布状态窗格行为恢复正常，有传输时才显示
可以显示扩展区的字符/字元
书签对话方块（对话框）中的超链接会正确显示
CSS智能感知不再报告有效值错误
替换表格中的内容时不会再引发Expression Web崩溃。
除此之外，Expression Web 4 SP1还有以下改进：
&HTML智能感知（IntelliSense）可以识别出所有的HTML 5标记
可以使用CSS 3（草案），但不提供CSS 3的预览功能
加入IE9 Beta的支持
热门电脑壁纸
网友讨论共0条
12345678910Expression Studio 4正式版今天在纽约发布，该软件包包括以下四个重要部分：
Expression Blend 4 + SketchFlow
Expression Web 4 + SuperPreview
Exression Design 4
Expression Encoder Pro
微软推出Expression Studio 4，称其有十大特点如下：
1. SketchFlow快速创建软件原型项目；
2. 不用写任何代码实现交互效果，例如图像转换，动画效果等；
3. 快速以及灵活的使用例程数据创建交互用户界面；
4. 与Visual Studio 2010的无缝结合，提高团队开发效率；
5. Web 4，专业的Web网站设计工具，支持颜色，CSS，Javascript，PHP等智能代码提示；
6. Web 4，支持抓图快照Web调试功能；
7. Web 4支持多种文件类型，其中包括PHP,CSS,HTML/XHTML,XML,XSLT,Javascript,Asp.net,Ajax,Silverlight(Video,animation,Deep Zoom), Windows Media, Flash和Adobe Photoshop文件；
8. Encoder Pro支持视频录制，抓取，编辑等功能，支持发布视频为Silverlight格式；
9. 团队开发，支持对项目源码的签入和签出功能，支持共享项目到代码管理服务器；
10. 增强PhotoShop和Illustrator导入功能，可保持其原图全部矢量功能；
大家可通过以下网址下载Expression Studio 4
新版本学习资料，请看：
目前Expression官方提供五天免费在线学习Blend课程，大家可以访问：
至于安装很简单，只需要一路点击Next就Ok了，我在MSDN上下载了,Expression Studio 4 Premium,安装时不用卸载Expression 3，Expression 4可以和早期版本共存，但是，如果你安装了Expression 4 RC版本，系统将自动覆盖RC版本，无需卸载。
官方原版文件下载地址：
破解补丁下载地址：
本地下载： 
补丁使用方法：使用方法：
<font color="# 下载Expression Studio 4 Ultimate后，如果下载的试用版，就把安装文件用WinRAR解压缩；如果下载的MSDN版，就把ISO中的文件复制出来；
2 用补丁中提供的Setup文件夹覆盖原版安装文件中的Setup文件夹，并覆盖所有文件，得到破解版；
3 如果之前有安装过Expression Studio 4 Ultimate，就完全卸载，之后使用破解版安装文件重新安装。
阅读(...) 评论()jQuery API中文文档
适用jQuery 1.0 – jQuery 1.10.2,jQuery 2.0 – jQuery 2.0.3，翻译至官方文档，并且跟随官方文档持续更新。
最具价值web全栈课程
只做前端开发培训的好学校，专注于多方向全栈工程师培养。前端名师邵山欢亲自授课，课程涵盖HTML5、CSS3、Node.js、Angular、React诸多课程，免费视频广受学生好评。
跟牛人学前端
跟牛人学前端
妙味大前端自学宝典
妙味课堂2016年JavaScript课程大纲震撼升级、全栈来袭！
前端最新干货
前端最新干货
CSS3参考手册
CSS3参考手册 - 最新最全的CSS参考手册，CSS3属性集合，CSS3 Properties, CSS3, CSS3手册, CSS3参考手册
学前端，免费
爱创课堂由前百度工程师，《javaScript设计模式》张容铭老师创立，公司秉承纯干货，不忽悠的态度专注前端培训，让每个零基础的学员都能真正的从入门到精通。爱创课堂北京最具深度和口碑的JavaScript、HTML5培训，前端培训，专注于让学员获得快乐的学习体验并找到高薪工作的培训——数百名毕业学员高薪就职大型互联网公司.
开发者工具文档
Chrome 开发者工具是一套内置在Google Chrome中Web开发和调试工具。使用开发者工具来重演，调试和剖析您的网站。
您的位置： &#187; 分类:
&#187; 文章: SuperPreview微软的网页开发调试利器
您可能感兴趣的文章
近期最热文章
- 4,918 - 3,407 - 3,293 - 2,833 - 2,730 - 2,582