初识 URL，探索浏览器输入网址后的奇妙之旅

2023-09-05 05:08:25

浏览器输入 URL 后发生了什么？

当你将 URL 输入浏览器并按下回车键，浏览器会开启一段妙趣横生的旅程，让我们逐层探索：

浏览器进程与线程：
- 浏览器开启进程，创建多个线程，如主线程、渲染线程、网络线程等，各司其职。
- 主线程负责用户界面和事件处理，渲染线程构建 DOM 树和渲染页面，网络线程负责建立网络连接。
URL 解析：
- 浏览器解析 URL，提取协议、域名、路径和查询参数等信息。
- 若 URL 未指定协议，浏览器默认使用 HTTP 协议。
DNS 查询：
- 浏览器向 DNS 服务器发起查询，将域名解析为对应的 IP 地址。
- DNS 服务器通过递归或迭代的方式查询并返回对应的 IP 地址。
建立连接：
- 浏览器与服务器建立 TCP 连接，为后续数据传输做准备。
- 若遇到 HTTPS 网站，则会建立加密的 TLS 连接，确保数据传输安全。
发送 HTTP 请求：
- 浏览器发送 HTTP 请求给服务器，请求资源（如 HTML、CSS、JavaScript 文件等）。
- HTTP 请求包含请求方法（如 GET、POST 等）、请求头（如 Host、User-Agent 等）和请求体（若有）。
服务器响应：
- 服务器收到 HTTP 请求后，处理请求并返回响应。
- 响应包含状态码（如 200 OK）、响应头（如 Content-Type、Content-Length 等）和响应体（即请求的资源）。
资源加载：
- 浏览器解析 HTTP 响应，并开始加载页面中引用的资源（如 CSS、JavaScript 文件、图片等）。
- 浏览器会并行加载多个资源，以提高页面加载速度。
页面渲染：
- 浏览器构建 DOM 树和渲染树，并根据 CSS 样式表计算元素的样式。
- 浏览器将渲染树转换为位图，并显示在屏幕上。
交互与事件处理：
- 页面加载完成后，用户可以与页面进行交互（如点击按钮、输入文字等）。
- 浏览器处理用户事件并更新页面内容。