一种非常简单的web跨多端兼容性测试方法
场景
2C的web网页要兼容多端,多种浏览器(android,ios,iphone pro max,chrome of ios,chrome of android,safari 等等)
如果碰到很奇怪的兼容问题,测试起来会很麻烦
- 常见测试方法:比如手机配置代理连本地测试,不同的手机 代理配起来也不一样,比较麻烦
另外一种解决方案思路
最小单元测试 + 在线快速生成demo url链接
最小单元测试是什么?
- 就是排除其他和这个兼容问题无关的东西
在线快速生成demo url链接是什么?
- 比如:js.jirengu.com/gibecacayo/… 这个链接可以在任何设备上 用任何需要兼容的浏览器打开
如何得到这种url呢?
推荐一个在线网站 饥人谷:(js.jirengu.com/gibecacayo/… )
写完最小单元之后,然后点击此处,可以快速生成在线url链接
总结
- 在饥人谷,写最小case
- 生成链接
- 去任意端,任意设备上测试
这里比较考验定位错误的能力,需准确定位兼容问题是存在哪部分单元内,才好单独拆出来测试。
使用场景也是相对比较独立和轻量的,比如样式,或简单的js功能、api等
码字不易,点赞鼓励!