前端浏览器适配面试题及详细答案（实战接地气版）.docxVIP

前端浏览器适配面试题及详细答案（实战接地气版）

一、基础认知类（入门必问）

1、什么是浏览器适配？前端为什么要做浏览器兼容？

参考答案：

浏览器适配，简单说就是让我们写的页面、JS逻辑，在不同内核、不同版本、不同平台的浏览器上都能正常展示、正常运行，样式不错乱、功能不报错。

需要做兼容的核心原因有三个：

1）浏览器内核不同：Chrome/Blink、Firefox/Gecko、Safari/WebKit、旧IE/Trident，不同内核对CSS、JS标准的解析、实现不一样；

2）版本迭代差异大：很多新的CSS属性、ES6+语法、API，低版本浏览器不支持，比如IE不支持ES6、flex新版属性；

3）用户设备参差不齐：政企、老旧设备、老旧系统还在使用低版本浏览器，如果不做适配，页面会白屏、样式崩塌、功能失效，直接影响使用。

2、常见浏览器内核以及对应浏览器有哪些？

参考答案：

1）Blink内核：Chrome、Edge新版、Opera，目前主流浏览器通用内核；

2）WebKit内核：Safari、旧版Chrome、大部分移动端默认浏览器，移动端适配重点兼容内核；

3）Gecko内核：Firefox火狐浏览器；

4）Trident内核：IE全系列、旧版国内双核浏览器的IE兼容模式，是前端兼容最头疼的内核。

3、你工作中主要兼容哪些浏览器？兼容优先级是什么？

参考答案：

日常项目主