不同内核浏览器之间的差异以及浏览器渲染

1、什么叫浏览器内核?
       浏览器最重要或者说核心的部分是“Rendering Engine”,可大概译为“渲染引擎”,不过我们一般习惯将之称为“浏览器内核”。负责对网页语法的解释(如标准通用标记语言下的一个应用HTML、JavaScript)并渲染(显示)网页。

目前,主流的内核分为:
Trident(IE、傲游、世界之窗浏览器、Avant、腾讯TT、Netscape 8、NetCaptor、Sleipnir、GOSURF、GreenBrowser和KKman等)
Gecko(Firefox、Netscape6至9)
Webkit(Safari内核,Chrome内核原型,开源)
Presto内核:目前只有Opera浏览器采用该内核

2、什么叫浏览器渲染?
       网页不仅应该被快速加载,同时还应该流畅运行,比如快速响应的交互,如丝般顺滑的动画等。大多数设备的刷新频率是60次/秒,也就说是浏览器对每一帧画面的渲染工作要在16ms内完成,超出这个时间,页面的渲染就会出现卡顿现象,影响用户体验。为了保证页面的渲染效果,需要充分了解浏览器是如何处理HTML/JavaScript/CSS的。

1、用户输入网址,浏览器向服务器发送请求,服务器返回html文件
2、浏览器加载html文件,发现标签内引用外部css文件
3、浏览器发出css请求,服务器返回css文件
4、浏览器继续载入html中部分的代码,并且CSS文件已经拿到手了,可以开始渲染页面了;  
5、浏览器在代码中发现一个标签引用了一张图片,向服务器发出请求。此时浏览器不会等到图片下载完,而是继续渲染后面的代码;  
6、 服务器返回图片文件,由于图片占用了一定面积,影响了后面段落的排布,因此浏览器需要回过头来重新渲染这部分代码;  
7、 浏览器发现了一个包含一行Javascript代码的

你可能感兴趣的:(不同内核浏览器之间的差异以及浏览器渲染)