Please enable JavaScript.
Coggle requires JavaScript to display documents.
浏览器的核心 (渲染引擎 将网页代码渲染为用户视觉可以感知的平面文档 (种类 (Edge: EdgeHTML引擎, IE: Trident引擎,…
浏览器的核心
渲染引擎
将网页代码渲染为用户视觉可以感知的平面文档
种类
Edge: EdgeHTML引擎
IE: Trident引擎
Chrome：Blink引擎
Safari：WebKit引擎
Firefox：Gecko引擎
处理页面的四个阶段
1、解析代码：HTML代码解析为DOM，CSS代码解析为CSSOM（CSS Object Model）
2、对象合成：将DOM和CSSOM合成一棵渲染树（render tree）
3、布局：计算出渲染树的布局（layout）
4、绘制：将渲染树绘制到屏幕
JavaScript解释器
（又称JavaScript引擎）
读取网页中的JavaScript代码，对其处理后运行
常见JavaScript虚拟机
Opera：Carakan
Firefox：SpiderMonkey
Safari：Nitro/JavaScript Core
Chrome, Chromium：V8
IE：Chakra
浏览器内部对JavaScript的处理过程
2、对词元进行语法分析（parsing），将代码整理成“语法树”（syntax tree）
3、使用“翻译器”（translator），将代码转为字节码（bytecode）
1、读取代码，进行词法分析（Lexical analysis），将代码分解成词元（token）
4、使用“字节码解释器”（bytecode interpreter），将字节码转为机器码