做为一个前端工程师,不少时间都在处理浏览器兼容性问题。本文主要总结了如何减少浏览器兼容性问题的一些方法。
确定运行环境在开发前,我们要确定页面的运行环境:要兼容哪些浏览器,以及哪些屏幕分辨率。
如果我们不了解我们的运行环境,兼容性也无从谈起。
查询特性的兼容性在使用某个特性前,我们可以使用 Can I Use 来查询某特性在各个浏览器上的兼容性情况。也可以在代码中用 Modernizr 进行特性探测。
了解哪些写法会产生兼容性问题有时候一些兼容性问题的产生并不是因为我们的写法问题,而是浏览器自身的 bug(如 IE 6 的双边距问题),或者浏览器对标准的支持不一致。所以我们要了解哪些写法会产生兼容性问题,然后避免那样写。
推荐认真研究浏览器兼容性-根本原因内容列表。
充分的测试推荐使用 iTest。它是阿里出的测试工具。支持主流浏览器的截图,死链接检测等。
现在一些多浏览器自动化测试的工具,服务(如 sauce LABS)也很多,暂时还没怎么研究,以后研究后可以给大家分享~
一些技巧<meta http-equiv="X-UA-Compatible" content="IE=edge">
。<meta name="renderer" content="webkit">
。(注:目前只有 360 浏览器支持)<!DOCTYPE html PUBLIC>
。避免使用有问题的 DocType 而导致的浏览器用怪癖模式来渲染页面。2024 - 快车库 - 我的知识库 重庆启连科技有限公司 渝ICP备16002641号-10
企客连连 表单助手 企服开发 榜单123