一、测试对象
1.pc端浏览器
谷歌, 火狐, IE,edge, Safari(这五个是市面上主流的浏览器,其中谷歌、火狐是开原的,IE是闭原的)360 . 百度. 猎豹. uc. 遨游等。
2.手机浏览器
QQ浏览器和uc浏览器
3.网页
测试的依据:UI设计稿 界面原型图
测试的内容:不同浏览器不同版本是否兼容、手机移动设备适配兼容。
二、手机系统
| 安卓 | ios | 塞班 | windws |
|---|---|---|---|
| 华为 小米 三星 | iPhone4-iPhoneX | 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 |
|---|---|---|
| F12仿真&ietester | 直接下载使用 | 安装虚拟机或者真机 |
| F12切换设备工具栏 | ||
| toggle device toolbar.切换设备工具栏 |
网友评论