前端开发怎么能够很好地兼容火狐、谷歌、IE主流浏览器

如果你说的是火狐、谷歌、IE主流浏览器，2020 年的今天，兼容性问题已经不是什么大问题了，IE 的最新 Edge 已经基于 Chromium 了，火狐的兼容性与谷歌相比没有多大差异的。

想用前端框架兼容是不可能的，事实证明，自己一个个代码敲出来的html、css、js兼容性是最好的。

1.使用一些第三方js库，比如JQuery， JQuery也是在不断的发展，更新版本的，在JQuery的2.0版本以前还是在考虑着这些IE6、7、8的老用户们，时时刻刻在兼容着它们。可能随着时代的不断发展变化，觉得这些IE6、7、8的老用户越来越少了，在2.0版本开始，就不再支持IE6、7、8浏览器了。要想很好的兼容IE各个版本，可以按需导入不同的JQuery版本。

    <script src="js/jquery-3.1.1.js"></script>

1. 目前一些浏览器对于es6语法的不支持的问题，可以利用工具化的方式，将es6的语法和API分别转换为与ES5等效（或者近似）的语法 API的方式，在ES5的代码环境中运行。常用用具:转换es6语法的方式:babel,通过babel可以将es6语法转换为es5的实现方式。es6中的新增API需要通过引入shim/polyfill(垫片)的方式，将新增api转换为等效es5api运行。比如通过引入babel-polyfill实现API转换。 但是，对于一些浏览器无法shim的功能，那就无能为力了，比如vue2.0之前是通过 Object.defineProperty 进行数据劫持的，对于无法shim的IE9一下浏览器，还是无法兼容的。

3.浏览器嗅探。对于不同的浏览器，首先要进行浏览器嗅探，获取浏览器类型后，针对性的编码开发。