03 · 常用操作 · 网络

一个网页是怎么打开的

本篇你将学到

网址（URL）是网上某个资源的唯一地址^[1]：

https://www.example.com:443/docs/page.html?id=7
└─┬─┘   └──────┬──────┘ └┬┘ └──────┬─────┘ └─┬─┘
 协议         域名      端口     路径       参数

浏览器是“客户”，服务器是存着网站、负责回答的电脑。总是浏览器先开口要，服务器再回答^[2]。

用“去一家没去过的店取快递”来比方：

① DNS 查询：浏览器只知道域名，先要查到服务器的 IP。查过一次会缓存一段时间，下次就快了。页面里的图片、字体如果来自别的域名，每个域名都要查一次^[3]。

② TCP 三次握手：浏览器和服务器来回发三条消息（SYN、SYN-ACK、ACK）建立连接^[3]。TCP 保证数据按发送的顺序、完整地送到^[4]。

③ TLS 握手：只有 https 才有这一步。双方商量用什么方式加密，浏览器还要验证服务器的身份，然后才开始传数据^[3]。服务器必须出示有效的数字证书，证明“我就是这个网站”^[5]。

④ HTTP 请求和响应：浏览器发出请求，比如 GET /（“请给我首页”）；服务器回一个状态码和网页内容，比如 200 OK^[2]^[3]。

⑤ 渲染：浏览器收到 HTML 就开始解析，算出每个元素的样式和位置，再画到屏幕上^[3]。遇到图片、样式、脚本，它还会再去要这些文件。

HTTPS 就是加了密的 HTTP：用 TLS 把浏览器和服务器之间的所有通信加密^[6]。TLS 能防止别人在路上偷看和篡改内容^[5]。

用 http 时，你输的密码在路上是明文，同一个公共 Wi-Fi 里的人有机会看到。
用 https 时，路上的人只能看到一堆密文。地址栏有 🔒 只说明“连接是加密的，对方有有效证书”，不代表网站本身可信：钓鱼网站也可以有 🔒（见 03-10）。
登录、付款，只在 https 的网站上做。

状态码按第一位数字分成五类：1xx 信息、2xx 成功、3xx 重定向、4xx 客户端错误、5xx 服务器错误^[7]。

遇到证书警告，别点“继续前往”，尤其是要输密码或付钱的网站。

一步一步看浏览器打开 www.example.com/login 的过程。切换 http / https，看看路上偷看的人能看到什么；再选一种故障，看它卡在哪一步。

模拟演示 · 打开一个网页完成 0 / 4

协议情况刚访问过（DNS 有缓存）

💻你的浏览器

📒DNS 服务器

🗄️网站服务器

🕵️路上偷看的人看到：—

示意演示：真实浏览器还会复用连接、并行加载很多文件；地址 203.0.113.10 是文档专用的示例地址。