浏览器内部工作原理
五种主流浏览器:Chrome、Firefox、IE、Safari、Opera
浏览器的主要功能
浏览器的主要功能是将用户选择的web资源呈现出来,它需要从服务器请求资源,并将其显示在浏览器窗口中.
用户用URI(Uniform Resource Identifier统一资源标识符)来指定所请求资源的位置
浏览器的主要构成
1.渲染引擎:在浏览器窗口显示所请求的内容,默认情况下,可以显示html,xml文档及图片.
Firefox使用Geoko——Mozilla自主研发的渲染引擎,Safari使用webkit.Chrome使用chromium
- 渲染流程
解析html以构建dom树 -> 构建render树 -> 布局render树 -> 绘制render树
渲染引擎开始解析html,并将标签转化为内容树的dom节点.然后解析外部CSS文件及style标签中的样式信息.
这些样式信息和html的可见性指令将被用来构建 render树
Render树由一些包含有颜色和大小等属性的矩形组成,它们将被按照正确的顺序显示到屏幕上。
Render树构建好了之后,将会执行布局过程,它将确定每个节点在屏幕上的确切坐标。再下一步就是绘制,即遍历render树,并使用UI后端层绘制每个节点。