位置: IT常识 - 正文
前端开发中常见的浏览器兼容性问题及解决方案(前端开发常见的兼容性问题)
编辑：rootadmin推荐整理分享前端开发中常见的浏览器兼容性问题及解决方案(前端开发常见的兼容性问题)，希望有所帮助，仅作参考，欢迎阅读内容。
文章相关热门搜索词:前端开发中常见的问题,前端开发常见的兼容性问题,前端开发中常见的问题,前端开发常见面试题,前端开发中常见的软件,前端开发常见问题,前端开发中常见的软件,前端开发中常见的问题,内容如对您有帮助，希望把文章链接给更多的朋友！
提示：这里主要阐述浏览器兼容性产生的环境：
所谓的浏览器兼容性问题，是指因为不同浏览器对同一段代码有着不同的解析，所造成页面显示效果不统一的情况。 为此，解决浏览器兼容，也成为了跨浏览器开发的一个核心问题。 当初微软不加入W3C，使得后者不采用IE的方案，而在IE掉队，Chrome与Firefox崛起后，已经有大量开发者基于IE标准开发了大量的Web产品，让浏览器不得不用兼容模式来解决这一问题。再加上不同浏览器采用的内核不同，由于缺乏统一的开发标准，以及各大浏览器厂商为了凸显产品的特色，更是使得整个浏览器行业出现了百花齐放的状态。
在过去很长的一段时间里，跨浏览器开发、并解决浏览器的兼容问题，成为了前端开发者最为头疼却必须要解决的问题。在大多数情况下，我们的需求是，无论用户用什么浏览器来查看我们的网站或者登陆我们的系统，都应该是统一的显示效果。 所以浏览器的兼容性问题是前端开发人员经常会碰到和必须要解决的问题。
提示：以下是本篇文章正文内容
一、浏览器四大内核浏览器内核SafariWebkitIETridentFirefoxGeckoOpera最初是Presto；期间是Webkit；目前BlinkChrome以前是：Webkit，目前是Blink国内浏览器基本是IE与Chrome双核并存移动浏览器基本是Webkit前端开发人员检查浏览器兼容性的网站 Can I use（https://caniuse.com/）
二、主流兼容问题（一）浏览器引擎浏览器引擎主要分为两种
界面渲染引擎js引擎所以浏览器兼容性问题一般指：css兼容、js兼容
（二）兼容问题的原因因为不同浏览器对同一段代码有着不同的解析，所造成页面显示效果不统一的情况
（三） 为什么浏览器会存在兼容性问题?前端技术更迭速度快，同一浏览器，版本越低，对新属性和标签、新特性支持越少。不同浏览器，由于内核不同，标准不同，实现方 式也有差异，最终呈现出来效果也会有差异。开发人员水平参差不齐，编码能力有强弱，使得不规范的代码产生不兼容问题。（四）处理兼容问题的思路1. 要不要做？从产品的角度看：产品的受众、受众的浏览器比例、效果优先 还是基本功能优先。成本的角度：有无必要做这个兼容。2. 做到什么程度？让哪些浏览器支持哪些效果3. 如何做？根据兼容需求选择技术框架/库(如 jquery 1.x.x )根据兼容需求选择兼容工具： html5shiv 、 Respond.js 、 CSS Reset 、 normalize.css 、 Modernizr.js 、 postcss条件注释、 CSS Hack 、 js 能力检测做一些修补。Hack ： CSS 中， Hack 是指一种兼容 CSS 在不同浏览器中正确显示的技巧方法，修补 bug 的方法Filter ：表示过滤器的意思，它是一种对特定的浏览器或浏览器组显示或隐藏规则或上一篇：linux系统中安装Java环境(linux系统中安装auto dock)
下一篇：vue项目实战经验，相关库的安装，继续完善(vuecli项目实战)