勾指令、定时长,复制一条正确的 Cache-Control 响应头,外带 Nginx 与 Apache 写法
- 本地处理
- 分类 开发运维
- 适合 格式化、校验、压缩或检查和代码相关的文本。
# 还没有选择任何指令
# 还没有选择任何指令
# 还没有选择任何指令
这个工具能做什么
一个免费的 Cache-Control 响应头构建器,给调 HTTP 缓存的开发者用。 勾选 public、private、no-cache、no-store、must-revalidate、immutable 这些 指令,再用「天 / 时 / 分 / 秒」的友好输入填 max-age、s-maxage 和 stale-while-revalidate,工具自动换算成秒。它按惯用顺序拼出头部值, 并在你勾选的瞬间提示自相矛盾的组合,比如 no-store 配了一个会被悄悄 忽略的 max-age,或者 public 和 private 争抢同一个响应。常见场景直接选 预设:静态资源按 immutable 缓存一年、HTML 每次回源校验、API 短缓存配 后台刷新,也可以从零手调。每次改动都能复制成三种形态:原始头部行、 Nginx 的 add_header 写法、Apache 的 Header set 写法。全部在浏览器本地 运行,不上传任何内容,分享链接会原样还原你的整套配置。
工具细节
- 输入
- 数值
- 页面会根据工具类型展示文本框、数值控件、文件选择或结构化输入。
- 输出
- 即时结果 + 复制
- 结果区优先给出可操作结果,支持项会显示复制、下载或可视化预览。
- 隐私
- 浏览器本地处理
- 主工具逻辑未发现外部 API 调用,输入通常留在当前标签页内处理。
- 保存 / 分享
- 可分享链接状态
- 关键设置会进入 URL,复制链接后别人能复现同一组参数。
- 性能预算
- 首屏 JS ≤ 9 KB
- 没有声明 WASM 依赖,适合快速打开和移动端使用。
- 适用场景
- 开发运维 · 程序员
- 分类和职业标签用于推荐相关工具、组织内链,并帮助用户快速判断是否适合当前任务。
怎么用
-
1. 输入
把内容粘贴或拖入工具面板。
-
2. 处理
点击按钮,在浏览器内本地处理,文件不上传。
-
3. 复制 / 下载
一键复制结果或下载到本地。
Cache-Control 构建器 适合怎么用
适合穿插在写代码、查问题、做 Review、上线前的小任务里。
适合开发场景
- 格式化、校验、压缩或检查和代码相关的文本。
- 把片段整理好再放进文档、工单、提交或交接材料。
- 不切换工具,快速检查一个小 payload。
开发检查项
- 压缩、混淆这类不可逆处理,先对副本操作。
- 除非确认工具本地处理,不要粘贴密钥和敏感片段。
- 转换后的代码上线前,仍要跑自己的测试或 lint。
下一步可以接着做
这些入口会把当前任务接到更完整的工具链里。
真实使用场景
给带指纹的资源安全缓存一年
打包器产出文件名带内容哈希的 app.4f3a1c.js,新构建必然换 URL。选 static-immutable 预设,一键得到 public, max-age=31536000, immutable, 把 Nginx 的 add_header 那行直接贴进资源 location 块。旧文件永远不会 和新页面对不上,因为它的 URL 随构建一起退役。这正是一年的 immutable 缓存在这里安全、在不带哈希路径上危险的原因。
让 HTML 保持最新又不放弃缓存
一个营销落地页一周改几次,绝不能显示过期价格。用 no-cache 而不是 no-store:浏览器仍留着副本,但每次复用前回源校验,页面没变就返回一个 便宜的 304,而不是整个正文。html-no-cache 预设帮你接好,要是你不小心 又勾了 immutable,提示面板会拦住你。
把 CDN 边缘缓存和浏览器分开调
你想让浏览器只把一个 API 响应留 60 秒,却让 CDN 边缘留一小时来扛流量 高峰。在同一个头里给浏览器设 max-age=60、给共享缓存设 s-maxage=3600。 构建器两个都显示,复制合并后的值,分享链接还能把这个精确拆分贴进 pull request 给人评审。
锁死一个敏感接口
账户设置页或一个签名下载 URL,绝不该碰磁盘缓存或共享代理。no-store 预设只发一条 no-store 指令,要是你之后又加了 max-age 或 public 这种 违背初衷的指令,冲突检查会标出来。把 Apache 的 Header set 那行贴进 受保护目录的配置就完事。
常见踩坑
no-store 配了 max-age。no-store 禁止一切存储,max-age 没有东西可以保鲜,会被悄悄忽略。如果你要的是回源校验而不是不存,用 no-cache:它留着副本,复用前先核对原始服务器。
immutable 不给 max-age。immutable 只承诺新鲜期内正文不变,没有 max-age 就没有可生效的窗口。永远给 immutable 配一个长 max-age,而且只用在带内容哈希的 URL 上。
把 max-age 当成分或时。它永远是秒。写 max-age=60 当成一分钟是对的,但写 max-age=3600 以为是一小时却按分理解,就会缓存超时 60 倍。用这里的「天 / 时 / 分」输入,秒数交给工具算。
隐私说明
这个工具的每一部分都是浏览器标签页里运行的纯 JavaScript:头部拼装、 秒数换算、冲突检查都是。任何指令、时长或生成的头都不离开页面,也不记录。 唯一要注意的是分享链接,它把你选的选项写进查询字符串,所以把链接粘到 聊天里,对方服务器的访问日志会留下这套配置。这里的值是缓存策略而非密钥, 通常不敏感,但若不想公开,请用复制按钮而不是分享网址。
常见问题
类似工具组合
做你这行的人, 还会一起用这些。