一,浏览器的基本结构
浏览器内核是浏览器最核心的组成部分——渲染引擎
HTML和CSS内容会被渲染引擎解析并渲染到屏幕上
在控制台输入命令 navigator.userAgent 后能看见浏览器相关的信息
二,浏览器内核
主流浏览器 | Chrome | IE | Edge | FireFox | Opera | Safari |
---|---|---|---|---|---|---|
渲染引擎 | Webkit | Trident | Webkit | Gecko | Webkit | Webkit |
三,渲染流程
(1)解析HTML标签并生成DOM树
(2)解析CSS规则并生成CSSDOM树
(3)将DOM树与CSSOM树合并为一个渲染树
(4)根据渲染树来进行布局
(5)对渲染树上的节点进行绘制
(1)构建DOM树
DOM全称Document Object Model
当服务器将HTML文档发送到浏览器后,浏览器会根据标签之间的嵌套结构,基于语法,分析其并解析为一棵DOM树
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset