#
# 1.html 渲染过程详解
用户输入 url 地址,浏览器根据域名寻找 IP 地址
浏览器向服务器发送 http 请求,如果服务器段返回以 301 之类的重定向,浏览器根据相应头中的 location 再次发送请求
服务器端接受请求,处理请求生成 html 代码,返回给浏览器,这时的 html 页面代码可能是经过压缩的
浏览器接收服务器响应结果,如果有压缩则首先进行解压处理,紧接着就是页面解析渲染
解析渲染该过程主要分为以下步骤:
- 解析 HTML
- 构建 DOM 树
- DOM 树与 CSS 样式进行附着构造呈现树
- 布局
- 绘制
# 2. 一个页面从输入 URL 到页面加载显示完成,这个过程发生的事。
(112 条消息) HTML 页面渲染的过程_zhcinit0 的博客 - CSDN 博客_html 渲染页面的过程
1. 浏览器查找域名获得对应 ip 地址
2. 浏览器向 web 服务器发送一个 http 请求
3. 服务器重定向
4. 浏览器跟踪重定向地址,请求相应资源
5. 服务器处理请求
6. 服务器返回一个 http 响应
7. 浏览器进行 html 的解析以及渲染绘制制图