Web前端兼容性面试题及详细答案（实战向）.docxVIP

Web前端兼容性面试题及详细答案（实战向）

一、基础浏览器兼容类

1、前端常说的浏览器兼容主要指哪些浏览器？核心兼容场景是什么？

参考答案：

日常项目兼容主要分两类场景：

1）PC端：重点兼容IE11、旧版Edge、Chrome、Firefox、360浏览器（极速/兼容模式）、搜狗浏览器；国内项目最大的兼容痛点是IE11和双核浏览器的兼容模式。

2）移动端：重点兼容微信内置浏览器、支付宝浏览器、iOSSafari、安卓原生浏览器、各厂商自研浏览器（华为、小米等）。

核心兼容问题本质：不同浏览器内核对HTML、CSS、JS、API的解析和支持程度不一样，旧浏览器不支持新特性、默认样式、事件机制、渲染逻辑存在差异。

2、常见浏览器内核分别是什么？有什么区别？

参考答案：

Chrome、新版Edge、360极速、搜狗极速：Blink内核，对新特性支持最好，兼容性最统一

Firefox：Gecko内核，标准性强，兼容问题较少

IE、360兼容模式、搜狗兼容模式：Trident内核，坑最多，不支持ES6+、新CSS特性、部分DOMAPI

Safari、iOS所有浏览器：WebKit内核，移动端独有坑最多，比如手势、滚动、样式兼容问题

实战中90%的兼容bug，都出在Trident和WebKit旧内核上。

二、CSS兼容性高频面试题

1、CSS常见兼容问题有哪些？