浏览器页面处理流程

# 浏览器页面处理流程

在浏览器地址栏输入一个 url 地址。

  1. 浏览器会补全url地址,对地址中的非ASCII字符会自动完成url编码。
  2. 完成后浏览器会向服务器发送一个 GET 请求,服务器运行内部程序后响应给浏览器HTML文档
  3. 浏览器拿到服务器响应的HTML后,丢弃旧页面,开始解析HTML文档,如果发现link元素
  4. 浏览器会向服务器发送请求(CSS文件),服务器响应CSS文件。
  5. 解析并应用CSS样式,然后继续解析HTML文档,发现img元素,会请求图片资源,然后继续解析HTML文档
  6. 图片响应成功,将图片应用到布局,继续解析HTML文档
  7. 发现Script元素,向服务器请求JS文件。
  8. 服务器响应JS文件,浏览器解析并执行JS文件,然后继续解析HTML直到完成。
  9. 如果用户点击了a元素,那么重复流程1~8.