前言
在浏览器输入一个网址之后,经过和后端的连接获取到相关的资源数据后,浏览器需要对获取的网页数据进行解析、渲染、绘制,最终展示出来的就是我们所看到的界面内容。在进行前端开发时,了解浏览器的渲染过程有利于我们在实际过程中进行渲染调优、性能调优的处理,因此是非常有必要的。
浏览器介绍
一、浏览器结构
浏览器的组成结构大致如上,下面是具体的介绍:
1.用户界面
用户界面即浏览器的外壳,是我们平时所看到的浏览器界面,包括了搜索栏、书签、前进后退按钮等。当我们在用户界面进行操作时,它将我们的操作转入到浏览器引擎进行处理。
2.浏览器引擎
浏览器引擎用于接收用户界面传递的“操作命令”,然后调用对应的渲染引擎接口。
3.渲染引擎
渲染引擎是浏览器的重中之重,渲染引擎主要的工作就是把我们获取到的html、css等资源进行解析,然后进行页面的渲染工作。
4.网络模块
负责网络请求,如http请求。它包括平台无关的接口和各平台独立的实现
5.JS解释器
用于解析、编译执行JS代码,具体不同浏览器的JS引擎可以查看下文的表格。
6.UI后台
绘制基础元件,如组合框与窗口。
7.本地数据存储