1、在浏览器中输入URL。
2、浏览器向相应的服务器发送请求,接受响应。
3、HTML解析器自上而下地将HTML文件解析成一棵DOM树,树上的节点就是相应的元素。
4、CSS解析器将CSS解析成CSSOM树。
5、根据DOM树和CSSOM树构建相应的Render树(渲染树)。
6、Layout(布局):计算出每个节点在屏幕中的位置。
7、Paint(绘制):将内容显示在屏幕上。
浏览器渲染机制
于 2023-03-26 15:52:12 首次发布
1、在浏览器中输入URL。
2、浏览器向相应的服务器发送请求,接受响应。
3、HTML解析器自上而下地将HTML文件解析成一棵DOM树,树上的节点就是相应的元素。
4、CSS解析器将CSS解析成CSSOM树。
5、根据DOM树和CSSOM树构建相应的Render树(渲染树)。
6、Layout(布局):计算出每个节点在屏幕中的位置。
7、Paint(绘制):将内容显示在屏幕上。