移动端浏览器兼容性测试

App兼容性测试-小程序兼容性测试-H5兼容性测试-Alltesting|泽众云测试Alltesting泽众云测试为您定制自动化测试脚本App测试、小程序测试、H5页面,将AI与自动化能力结合,覆盖到应用核心场景,对上百款主流机型进行适配兼容测试,大幅提升测试效率,提供详细测试报告,降低70%的测试成本。icon-default.png?t=M1L8https://www.alltesting.cn/autest.html#appcs

移动端浏览器兼容性测试

对于移动端的浏览器项目,我们测试时需要考虑哪些,网页需要适配哪些东西?
测试点总结如下:

1、分辨率、屏幕大小:

需和设计师、开发讨论需要兼容的分辨率和屏幕大小范围;

需确认iphone4、iPhone X 这些比较特殊的机型是否需要兼容;

可以参考用户统计数据来确认兼容范围,比如友盟数据中的top10机型、主流分辨率;
ps:安卓常见的分辨率:
2560 x 1440、1920 x 1080、1280 x 720、(新增2960x1440、2040x1080)
ios常见的机型对应的分辨率:
4 4s   960640、
5 5c 5s se  1136640、
6 6s、
7 8  1334750、
6+ 6s+ 7+ 8+  19201080、
新增iPhone X 2436×1125
 

2、浏览器类型:
(1)手机自带的系统浏览器:oppo、vivo、华为、小米、safri
(2)主流浏览器应用:google、QQ、UC、火狐、猎豹、360

3、其他:
(1)从微信手机端、电脑端打开
(2)iPad等其他移动设备是否需要兼容

  • 0
    点赞
  • 4
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
移动 H5 的兼容问题主要包括以下几个方面: 1. 屏幕适配问题:由于移动设备的屏幕尺寸和分辨率千差万别,需要对页面进行响应式设计,以适应不同的屏幕大小。 2. 浏览器兼容问题:不同的移动设备可能使用不同的浏览器,而不同的浏览器对 HTML、CSS、JavaScript 的支持程度也有差异,需要进行兼容测试。 3. 图片加载问题:移动设备的网络环境比 PC 要差,需要对图片进行优化,以减少页面加载时间。 4. 动画效果问题:移动设备的硬件能相对较弱,需要对动画效果进行优化,以避免卡顿现象。 5. 视频播放问题:不同的移动设备可能使用不同的视频格式,需要对视频进行兼容处理。 6. 输入框兼容问题:移动设备的软键盘弹出时可能会遮挡输入框,需要对输入框进行特殊处理。 7. 其他特殊问题:如微信浏览器的 JS-SDK 接口、单页应用路由跳转问题等。 针对以上问题,可以采用以下方法进行解决: 1. 使用响应式布局方案,如 Bootstrap、Foundation 等。 2. 使用浏览器兼容 CSS 样式,如 -webkit-、-moz-、-ms- 等。 3. 对图片进行压缩,使用适当的图片格式,如 JPEG、PNG、SVG 等。 4. 使用 CSS3 动画代替 JavaScript 动画,或者使用 JavaScript 动画代替 GIF 动画。 5. 使用 HTML5 视频标签,同时提供多种视频格式。 6. 对输入框进行特殊处理,如监听软键盘事件,调整输入框位置等。 7. 针对特殊问题,查找相关资料或者咨询专业人士进行解决。

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值