浏览器内核和渲染原理

一，浏览器的核心内容是解释性引擎，又称为浏览器内核。

常见的浏览器内核分为四种：

1，IE浏览器使用Trident内核

2, 火狐浏览器使用gecko内核

3,Opera浏览器使用presto内核，执行javascript时有着极快的速度。

4，safari浏览器和chrome使用webkit内核uc浏览器使用的u3内核也是基于webkit二次开发的。

二，浏览器的渲染原理

其实页面渲染就是浏览器将htmll代码根据css规则在浏览器窗口显示的过程。

1，用户输入网址按下回车（假设其实第一次访问该网站），浏览器向服务器发送请求，服务器返回html文件到本地。

2，浏览器开始载入html代码，发现link标签，因而继续向服务器发送请求下载css文件。

3，浏览器开始载入body中的代码，也拿到css文件，开始渲染页面。

4，浏览器发现img标签的图片，继续向服务器发送请求，而且继续渲染下面的内容。

5，服务器返回图片文件，图片占有用了必定的面积，因而从新渲染该区域。

6，浏览器发现包含一行JavaScript文件的script标签，赶快运行他。

7，Javascript脚本执行了这条语句，它命令浏览器隐藏掉代码中的某个

（style.display=”none”）。杯具啊，忽然就少了这么一个元素，浏览器不得不从新渲染这部分代码。

8，最后渲染到</html>。

9，用户点击换肤按钮，javascript然浏览器改变了link标签的路径。

10，页面引用新的css文件，彻底从新渲染。