HTTP 响应头速查 - 免费在线开发工具

← ToolBox / HTTP 响应头速查

📖 查看「HTTP 响应头详解与常见排查使用指南」

📨 HTTP Response Headers

📐 工作原理与说明

HTTP 响应头速查。

常规：Content-Type、Content-Length、Cache-Control、ETag、Last-Modified、Location、Set-Cookie。
安全头：Content-Security-Policy 防 XSS、Strict-Transport-Security 强制 HTTPS、X-Content-Type-Options 禁 MIME 嗅探、X-Frame-Options 防点击劫持。
CORS：Access-Control-Allow-Origin、Allow-Methods、Allow-Headers、Allow-Credentials 控制跨域。
价值：正确设置安全响应头可显著降低常见 Web 攻击面。

Browse common HTTP response headers in your browser — what each header does and when to use it.

📚 深度解析：HTTP 响应头速查

💡 常见使用场景

加固站点安全头：确认是否设置了 Content-Security-Policy、X-Content-Type-Options、Strict-Transport-Security 等关键响应头。
排查下载与编码问题：检查 Content-Type 与 Content-Disposition 是否正确——前者决定浏览器如何解释响应，后者决定是否强制下载及文件名。

示例

`Content-Encoding: gzip`、`Strict-Transport-Security`。

❓ 常见问题（FAQ）

响应头能在前端 JS 里读取吗？: 同源请求可以读取大部分响应头；跨域请求默认只能拿到七个简单响应头（Cache-Control、Content-Language、Content-Type、Expires、Last-Modified、Pragma 等）。要让前端访问自定义头（如 X-Request-Id），服务端必须在预检响应中用 Access-Control-Expose-Headers 显式列出。
为什么响应头改了不生效？: 先确认改在哪一层：CDN 或反向代理可能缓存了旧响应头，源站已更新但边缘节点仍是旧的，需要刷新 CDN 缓存或等 TTL 过期；另外部分头部（如 CSP）还会被浏览器缓存，测试时应先禁用缓存。

⚠️ 使用说明与注意事项

本工具纯前端运行，数据不会上传到服务器
建议在主流浏览器（Chrome/Safari/Firefox/Edge）中使用
计算结果仅供参考，请以实际应用场景为准

已复制

📖关于「HTTP 响应头速查」 ▼

📝工具简介

HTTP 响应头速查。专为开发者打造的在线工具，纯前端运行，代码不离开浏览器。