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 響應頭速查。專為開發者打造的線上工具，純前端執行，程式碼不離開瀏覽器。