浏览器的内核有哪些?分别有什么代表的浏览器?
&.五大主流浏览器
$.IE
1.内核:Trident内核,也是俗称的IE内核;
$.Firefox(火狐)
1.内核:Gecko内核,俗称Firefox内核;
2.开源 2.速度快 3.安全性高 4.扩展性强
$.Opera(欧朋)
1.内核:最初是自己的Presto内核,后来是Webkit,现在是Blink内核;
2.速度快 2.占用系统资源少 3.效率高
$.Chrome(谷歌)
1.内核:统称为Chromium内核或Chrome内核,以前是Webkit内核,现在是Blink内核;
2.设计简洁易用 2.运行稳定 3.载入页面速度快
$.Safari(苹果)
1.内核:Webkit内核;
-------------------------------------------------------------------------------------------------------------------------------------------
浏览器是如何渲染页面?
第一步.DOM构造
$.HTML解析出DOM树(DOM Tree):
浏览器首先将收到的HTML代码,通过html解析器解析构建一颗DOM树(DOM Tree)
$.CSS解析出样式表规则(Style Rules),也叫做CSSOM(CSS Object Model)
浏览器将接受到的css代码,通过css解析器构建出样式表规则(Style Rules)
$.将二者关联生成渲染树(Render Tree)
将这些规则分别放到对应的DOM树节点上,得到一颗渲染树(Render Tree)---带有样式属性的DOM树
第二步.布局
浏览器按从上到下,从左到右的顺序,计算和读取Render Tree每个节点信息。将树上的节点压入文档流然后布局。
第三步.绘制页面
Painting 根据计算好的信息绘制整个页面
五大主流浏览器与内核、浏览器是如何渲染页面?
最新推荐文章于 2023-03-18 09:00:51 发布