要解决的问题

页面空白或样式丢失时,失败的可能是 HTML、脚本、样式表或接口。先打开开发者工具的 Network,再刷新一次页面,让这次请求出现在列表中。不要仅凭最后一个红色请求判断整页根因。

适用环境

桌面 Chrome 的开发者工具;其他浏览器入口与字段位置可能不同。示例不要求安装扩展。

操作步骤与示例

先运行下面的小样本,再把输入替换为自己的资料;保留原始文件副本。

检查顺序:
1. 打开 Network,再刷新一次页面。
2. 先查看主文档请求的 URL 与状态码。
3. 再检查失败的脚本、样式和接口。
4. 查看响应头、响应内容及请求发起来源。
5. 记录必要证据后再做一次有针对性的修改。

如何判断结果

主文档成功但 CSS 返回 404,通常应核对资源路径和发布目录;主文档本身返回 502,则先排查代理及应用。接口返回 200 也可能携带业务错误,需要查看实际响应内容。状态码只是排查起点。

常见问题与排查

缓存可能使本次请求与预期不同,必要时在开发者工具开启期间使用禁用缓存选项再复查。保留日志有助于查看跳转链,但会积累更多请求;导出前应核对是否包含令牌、Cookie 或个人资料。

适用边界

本页按 Chrome 官方操作流程整理,没有访问你的登录后台或读取私人请求。浏览器面板的具体布局会随版本变化;应以当前版本可见字段为准,不靠截图坐标盲点。

参考资料