测试对象
1.pc端浏览器
谷歌,火狐,IE,edge,safari(这五个是市面上主流对的浏览器,其中谷歌、火狐是开原的,IE是闭原的)360.百度.猎豹.uc.傲游等。
手机浏览器
QQ浏览器和uc浏览器
3.网页
测试的依据:UI设计稿 界面原型图
测试内容:不同浏览器不同版本直接兼容、手机移动设备适配兼容、页面布局
二、手机系统
| 安卓 | ios | 塞班 | windws |
|---|---|---|---|
| 华为 小米 三星 | iphone4-iphone-x | Nokia | 微软手机 |
注: 市场手机品牌繁多,换代速度快.
三、HTML
(html既是页面超文本语言)
4.0版本:通过table标签控制页面,板式单一不能自由适配不同的设备.
5.0版本:可以同时适配不同分辨率的设备,增加div+css样式控制页面
四、Web兼容性的测试要考虑哪些
1.不同浏览器的兼容性
| windows | 开源 | 苹果 |
|---|---|---|
| IE&edge | Goog&Firfox | Safari |
2.同款浏览器的不同版本
| IE | chrome | firefox | edge |
|---|---|---|---|
| 7-11 | 63-69 | 62 |
注: 谷歌和搜狐这两款浏览器的兼容性比较好,通常只需要测试最新版本即可
3.移动设备的兼容性
| 安卓 | ios | 特殊 |
|---|---|---|
| 安卓4-9 | 10-12 | 平板&微软手机 |
4.测试工具
| IE | chrome | safari | chrome |
|---|---|---|---|
| F12仿真&ietester | 直接下载使用 | 安装虚拟机或者真机 | F12切换设备工具栏 |
兼容测试toggle device toolbar.切换设备工具栏
day03.jpg
网友评论