HTTP 响应头速查
常用 HTTP 响应头速查表,涵盖 CORS、安全、缓存、内容等分类。
📨 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 响应头速查。专为开发者打造的在线工具,纯前端运行,代码不离开浏览器。