静态网页测试

纯 HTML 静态资源 · 无后端动态处理 · 适合 HTTP 抓包分析

页面说明

static.html 是一个纯静态 HTML 文档，放置在服务器的网站根目录中。当浏览器请求该资源时，Nginx 不需要调用 PHP-FPM 等后端解释器，而是直接定位文件、读取内容，并通过 HTTP 响应返回给客户端。

这个页面主要用于观察静态网页的 HTTP 请求和响应过程，也可以与后续 PHP 动态页面进行对比。

Wireshark 抓包观察点

当客户端通过 HTTP 请求 /static.html 时，可以在 Wireshark 中看到明文 HTTP 报文。典型请求和响应形式如下：

客户端请求

GET /static.html HTTP/1.1
Host: 服务器公网 IP 或域名
User-Agent: 浏览器类型
Accept: text/html,application/xhtml+xml,...
Connection: keep-alive

服务器响应

HTTP/1.1 200 OK
Server: nginx
Content-Type: text/html
Content-Length: 响应体字节数
Last-Modified: 文件最后修改时间
Connection: keep-alive

[随后是 static.html 的 HTML 内容]

GET 方法 与请求目标 /static.html
Host 请求头 表示客户端请求的服务器地址
User-Agent 请求头 表示浏览器或客户端类型
HTTP/1.1 200 OK 表示资源成功返回
Content-Type: text/html 表示响应体是 HTML 文档

抓包时可使用过滤器 tcp.port == 80 或 http。如果使用 HTTPS 访问，HTTP 请求和响应内容会被 TLS 加密，Wireshark 中不能直接看到明文。

静态资源访问流程

环节	角色 / 组件	动作描述
1. 浏览器发起请求	浏览器	用户访问 `/static.html`，浏览器与服务器建立 TCP 连接，并发送 HTTP GET 请求。
2. Nginx 接收请求	Nginx	Nginx 根据站点配置中的 `root` 指令，将 URL 路径映射到服务器文件路径，例如 `/var/www/pj3-web/static.html`。
3. 返回 HTTP 响应	Nginx → 浏览器	Nginx 读取文件内容，构造 `200 OK` 响应，并将 HTML 内容作为响应体返回给浏览器。

整个过程中没有 PHP、Python 等服务器端脚本执行，Nginx 只负责静态文件读取和 HTTP 响应封装。

服务器日志对照

每次访问 static.html 都会在 Nginx access.log 中产生一条访问记录，例如：

客户端IP - - [访问时间] "GET /static.html HTTP/1.1" 200 响应字节数 "-" "User-Agent"

这条日志通常包含客户端 IP、访问时间、请求方法、请求路径、HTTP 版本、状态码、响应字节数和 User-Agent。将服务器日志与 Wireshark 抓包结果对照，可以更完整地理解一次 HTTP 访问过程。

返回实验平台首页