代码与技术常识10 / 10

输入网址之后发生了什么

域名解析、建立连接、发请求、拿响应、渲染页面。

学会用时40 分钟
你的收获网页打不开，知道该查哪一层
用到的频率每周 2 次
难度进阶

01为什么学

没学之前

网站打不开，只会重启路由器、刷新、换浏览器。

学会之后

知道从域名到页面的五步，哪一步出问题对应什么现象。

配置域名、证书、反向代理时知道每一步在做什么
排错有方向

02图解

原理图

sequenceDiagram
  participant B as 浏览器
  participant D as DNS
  participant S as 服务器
  B->>D: 1 这个域名的 IP 是多少
  D-->>B: 返回 IP
  B->>S: 2 建立 TCP 连接
  B->>S: 3 TLS 握手，校验证书
  B->>S: 4 HTTP 请求
  S-->>B: 5 返回状态码和内容
  B->>B: 6 渲染页面

从上到下，每一步出问题，现象都不一样。

03基本单元5 个

DNS 解析域名换 IP
TCP 连接连上服务器
TLS 握手加密与证书
HTTP 请求与响应
浏览器渲染

04怎么用

DNS 解析把域名变成 IP 地址，失败表现为「找不到服务器」
TCP 与 TLS连接并协商加密，证书过期会报「不安全」
HTTP发请求、收响应，状态码在这一步出现
渲染浏览器解析 HTML、加载 CSS 和 JS，慢或空白多半在这里

05速查表

现象	最可能的环节	先查什么
找不到服务器	DNS	域名解析记录是否正确
连接超时	TCP	端口、防火墙、服务是否在运行
证书错误	TLS	证书是否过期、域名是否匹配
502 / 503	HTTP（上游）	后端服务是否存活
页面空白或很慢	渲染	控制台报错、资源体积