浏览器从下载到渲染整个流程

41 阅读1分钟

浏览器的工作原理

image.png

浏览器的内核

不同的浏览器有不同的内核组成:

  • Gecko:早期被Netscape和Mozilla Firefox浏览器使用;

  • Trident:微软开发,被IE4~IE11浏览器使用,但是Edge浏览器已经转向Blink;

  • Webkit:苹果基于KHTML开发、开源的,用于Safari,Google Chrome之前也在使用;

  • Blink:是Webkit的一个分支,Google开发,目前应用于Google Chrome、Edge、Opera等;

事实上,我们经常说的浏览器内核指的是浏览器的排版引擎:

  • 排版引擎(layout engine),也称为浏览器引擎(browser engine)、页面渲染引擎(rendering engine)或样版引擎。

浏览器渲染过程

  • 在这个执行过程中,HTML解析时会遇到JavaScript标签,应该怎么办
    • 会停止解析HTML,而加载和执行JavaScript代码

image.png

  • JavaScript引擎来执行JavaScript代码

JavaScript引擎为什么需要JavaScript引擎 我们前面说过,高级的编程语言都是需要转成最终的机器指令来执行 - 掘金