1.浏览器组成
用户界面(刷新按钮,前进后退按钮,url输入框,书签等等)
渲染引擎(浏览器内核,解析HTML和CSS代码,并显示在界面上)
浏览器引擎(在用户界面和渲染引擎之间传递信息)
网络(网络调用,如HTTP请求)
javaScript解释器(解析JS代码)
储存器(将浏览器需要的数据储存在硬盘上,如cookie等)
后端UI层(用来绘制基本的浏览器窗口内控件,如输入框、按钮、单选按钮等,根据浏览器不同绘制的视觉效果也不同,但功能都是一样的。)
2.浏览器输入框从键入url到页面渲染完成发生了什么?
解析HTML生成dom节点树-----构建render树-----布局render树----绘制render树
先将HTML文件构成dom树,解析CSS和dom树一起构建render树。然后进入布局阶段,确定每个元素的页面坐标。然后通过UI后端层进行绘制(遍历render树UI后端层绘制每个节点)