静态资源版本号批量生成器

服务器给静态资源设了长缓存(expires 7d),好处是快,代价是:你改了 CSS 或 JS,用户浏览器还在用旧的。 症状就是"我明明改了,线上没变化"。唯一的解药是给引用加版本戳,而且改一次升一次。 把 HTML 贴进来,一次性全部加好。

免费 · 无需登录 本地计算 · 内容不上传 对应事故 · 同一个坑踩了三次

1粘贴 HTML

2版本设置

版本戳格式建议 YYYYMMDD + 序号字母:今天改第一版 a,同日再改就 b。

结果处理统计

输出加了版本号的 HTML

0 行
—

清单这个页面用到的资源

这个坑我们踩过

1 · 同一个坑连踩三次。第一次改 CSS,线上没变化;第二次又没变化;第三次改 JS 导航还是没出现。根因都是同一个:nginx 给静态资源设了 expires 7d,而页面引用没有版本号。

2 · 规则很简单但要写进流程。设了长缓存就必须配版本戳;改一次资源,升一次版本号。现在这是我们发布清单里的固定动作。

3 · 后台页面反过来。后台 / 数据类页面要 Cache-Control: no-store,不要长缓存,否则改完后台也要等 7 天。

4 · 别只改一个页面。同一个 CSS 被 9 个页面引用,只改其中几个,会出现"有的页面新、有的页面旧"的诡异现象。