前言
本文是对于不同浏览器呈现效果和H5移动端的测试效果的方案收集,不定时更新补充
关于浏览器兼容:
1. 可以用multibrowser这个网页兼容性测试工具。
官网:www.multibrowser.com/ 但是收费,除非找到魔法。
2. 手动下载Chrome、Firefox、Safari、Microsoft Edge和Opera等浏览器,在本地测试项目。
3. 使用网站查询CSS属性兼容
这个网站是常用的兼容性查看网站,以常用的width属性来测试,效果如下
我们就可以一目了然的知晓主流浏览器的兼容性。
4.使用网站查询浏览器事件的兼容
developer.mozilla.org/zh-CN/docs/…
这个网站是常用的兼容性查看网站,以一些事件为例:
我们就可以一目了然的知晓主流浏览器的兼容性。
关于H5移动端的测试:
运用浏览器的设备工具栏
以谷歌浏览器为例,按F12打开 开发者工具 调试页面,通过 设备工具栏 ,即可选择测试。
如果想添加或增加自定义设备,可以点击尺寸栏后如图所示添加所需要的测试设备。