2020-06-16 11:09:53
想完全兼容各种浏览器,尤其是各个版本的前端开发框架,目前几乎没有。
跨浏览器开发应该使用的技巧:
modernizr.js 特性检测器,有就使用原生,没有就加载polyfill;
polyfill/shim 向后兼容的浏览器的js补丁,一般和modernizr一起用;
jshint.js js语法检测器;
Boilerplate 开发的最佳实践的初始模板;
阅读第三方库关于最低版本支持;
使用js单元测试,测试目标浏览器;
Responsive Design (针对屏幕大小);
normalize.css 统一浏览器基本元素的风格;
跨浏览器兼容问题,过去现在都有,以后会更麻烦,所以这个问题在项目开始前,就必须确定下来最低支持的版本是什么,然后设计一个对应兼容方案。不要等开发完毕了,才告知要必须兼容其他的,那整体的修改量就很大了。