浏览器.png
一、测试对象
Web/H5
- PC端浏览器
谷歌 火狐 IE edge (这四个是市面上主流的浏览器,其中谷歌火狐是开源的,IE和edge是闭源的) safari 360 百度 猎豹 UC 遨游等等
2.手机浏览器
QQ浏览器 UC浏览器
3.网页
测试的依据:UI设计稿 界面原型图
测试的内容:不同浏览器不同版本是否兼容、手机移动设备适配兼容
二、手机系统
安卓 ios 塞班 Windows
华为 小米 三星 iPhone4-iPhoneX Nokia系列 微软手机
市场手机品牌繁多,换代速度快,以上举例仅供参考。
三、HTML
html既是网页超文本标记语言
4.0版本:通过table标签控制页面,板式单一不能自由适配不同的设备
5.0版本:可以同时适配不同分辨率的设备,增加div+css样式控制页面
四、Web兼容性测试的内容
- 不同浏览器的兼容性
Windows 开源 苹果
IE & edge Google & Firefox Safari
2.同款浏览器的不同版本
IE Chrome Firefox edge
IE7-IE11 63-69 62
*注:谷歌和搜狐这两款浏览器的兼容性较好通常只需要测试最新版本即可。
3.移动设备的兼容性
安卓 ios 特殊
安卓4-9 10-12 平板&微软手机
4.测试工具
-
使用chrome F12中的移动设备模拟器 toggle device toolbar
14245353-2cebf95e7fc29d72.png
IE Chrome safari chrome
F12仿真&ietester 直接下载使用 安装虚拟机或真机 F12切换设备工具栏
Toggle device toolbar:切换设备工具栏
网页的测试依据
1.UI设计稿
2.界面原型图
底稿
成品