javascript - 向 JS 文件动态添加参数（缓存清除）不会导致重新加载

Question

我已经在我的 CSS 和 JS 文件中添加了一个随机日期参数，以便“缓存崩溃”......

HTML（头部）

<!-- STYLE -->
<link href="assets/css/style.css" rel="stylesheet" id="style">

<!-- SCRIPTS --> 
<script src="assets/js/scripts.js" id="scripts"></script>

JS (jQuery 3.4.1)

var randomParam = new Date().getTime();
// CSS
var ogCSS = $("head").find("#style").attr("href");
$("head").find("#style").attr("href", ogCSS + "?" + randomParam);
// JS
var ogJS = $("head").find("#scripts").attr("src");
$("head").find("#scripts").attr("src", ogJS + "?" + randomParam);

CSS 文件效果很好。JS文件没有那么多。

“网络”选项卡（CSS 重命名并再次调用，JS 不是）...

“来源”选项卡（JS 不再调用，具有原始名称）...

我不能使用 PHP。我无法访问服务器。这都是客户端。

我该怎么做才能让它发挥作用？或者这就是它的样子？

更新

忘了提到 DevTools 中的“元素”显示 JS 文件被正确重命名（见下文）。它只是没有在“网络”中被重新调用，也没有在“来源”中显示为被重命名。所以它卡在缓存中。

标签： javascriptjquerygoogle-chrome-devtoolsbrowser-cache