一、布局
二、样式
三、兼容
3.1为什么测兼容
- 很多大型企业如银行/电信等，界面都是定制，不敢升级，否则所有软件都需要重新测试/修改甚至重新开发，代价太大
3.2兼容测试什么
3.2.1不同浏览器打开网页会不会出现网页错乱等问题
练习并汇总发现的问题
验证果芽官网的兼容性
验证淘宝首页的兼容性
验证京东首页的兼容性
-
验证简书的兼容性
常见浏览器有哪些（提问统计）
对浏览器进行分类，挑出出重点要测试的
-
pc（个人电脑）端
谷歌浏览器（chrome）
IE
火狐（FireFox）
练习并汇总发现的问题
验证果芽官网的兼容性
验证淘宝首页的兼容性
验证京东首页的兼容性
验证简书的兼容性
3.2.2使用不同版本的浏览器打开网页会不会出现网页错乱等问题
-
谷歌浏览器（chrome）和火狐（FireFox）
- 因chrome和FireFox上下版本兼容较好不需要每个版本都进行测试,一般只测试最新版
-
IE
ie的版本，兼容性较差，IE6-IE11-IE edge，版本兼容性需要测试
安装IE所有版本不现实，所以需要模拟器
练习并汇总发现的问题
验证果芽官网的兼容性
-
验证淘宝首页的兼容性
段落引用
验证京东首页的兼容性
验证简书的兼容性
3.2.3移动端兼容
练习并汇总发现的问题
验证果芽官网的兼容性
验证淘宝首页的兼容性
验证京东首页的兼容性
-
验证简书的兼容性
手机测兼容的问题
买手机太贵
手机太多
操作手机不方便
手机查看日志、截图、保存到测试报告不方便
-
手机屏幕大小各不相同，种类繁多
测试工具
-
使用chrome F12中的toggle device toolbar
练习并汇总发现的问题
验证果芽官网的兼容性
验证淘宝首页的兼容性
验证京东首页的兼容性
验证简书的兼容性
浏览器.png
