展现类界面测试什么

一、布局

二、样式

三、兼容

3.1为什么测兼容

• 很多大型企业如银行/电信等，界面都是定制，不敢升级，否则所有软件都需要重新测试/修改甚至重新开发，代价太大

3.2兼容测试什么

3.2.1 不同浏览器打开网页会不会出现网页错乱等问题

练习并汇总发现的问题

• 验证果芽官网的兼容性
• 验证淘宝首页的兼容性
• 验证京东首页的兼容性
• 验证简书的兼容性

常见浏览器有哪些（提问统计）

对浏览器进行分类，挑出出重点要测试的

• pc（个人电脑）端
  1. 谷歌浏览器（chrome）
  2. IE
  3. 火狐（FireFox）

练习并汇总发现的问题

• 验证果芽官网的兼容性
• 验证淘宝首页的兼容性
• 验证京东首页的兼容性
• 验证简书的兼容性

3.2.2使用不同版本的浏览器打开网页会不会出现网页错乱等问题

• 谷歌浏览器（chrome）和火狐（FireFox）

  1. 因chrome和FireFox上下版本兼容较好不需要每个版本都进行测试,一般只测试最新版

• IE
  1.ie的版本，兼容性较差，IE6-IE11-IE edge，版本兼容性需要测试

  2. 安装IE所有版本不现实，所以需要模拟器

练习并汇总发现的问题

• 验证果芽官网的兼容性
• 验证淘宝首页的兼容性
• 段落引用
• 验证京东首页的兼容性
• 验证简书的兼容性

3.2.3移动端兼容

练习并汇总发现的问题

• 验证果芽官网的兼容性
• 验证淘宝首页的兼容性
• 验证京东首页的兼容性
• 验证简书的兼容性

手机测兼容的问题

• 买手机太贵
• 手机太多
• 操作手机不方便
• 手机查看日志、截图、保存到测试报告不方便
• 手机屏幕大小各不相同，种类繁多

测试工具

• 使用chrome F12中的toggle device toolbar

练习并汇总发现的问题

• 验证果芽官网的兼容性
• 验证淘宝首页的兼容性
• 验证京东首页的兼容性
• 验证简书的兼容性

day03展现类页面测试.png