是否有一种方法来更改铬和重新加载页面中的<script src=??> url值？

Question

我有一个js文件，用于我的html代码中，如下所示：

<script src="//some-website/files/CURRENT_JS_FILE.js" async></script>

我没有QA环境，也没有在生产中更改html代码的能力。

我想测试我更新的js代码如下：

1)检查html

2)更新源文件url：

<script src="//some-website/files/NEW_JS_FILE.js" async></script>

3)在本地测试的“软”刷新页(重新加载页面，但使用新的js文件url)

有办法这样做吗？我尝试了以下几点，但没有取得好的结果：

1)更新src url，按刷新(刷新整个页面和src url )

2)按CMD+P键，打开有问题的JS文件，更新代码，保存；再刷新一次，但不能继续。

Answer 1

我以前是这样做的：

1. 转到你的网页
2. 视图源代码
3. 复制并粘贴到新的file.html或本地的任何东西上

如果这显示了“正确”的页面设计，那么现在您可以以相同的方式复制/粘贴js文件，在file.html中更改js的导入并进行尝试。

Answer 2

您还可以使用eval和XMLHttpRequest。但是，如果您使用这种方式，您就不能使用document.currentScript。

<script src="/your-source.js" id="script-characteristic"></script> 
<!-- Set after loading -->
<script>
var scriptElement = document.getElementById("script-characteristic");
if (scriptElement.innerHTML != "") {
    eval(scriptElement.innerHTML);
} else if (scriptElement.src && scriptElement.src != "") {
    var scriptRequest = new XMLHttpRequest()
    scriptRequest.onreadystatechange = function() {
        if (this.readyState == 4 && this.status == 200) {
            eval(this.responseText);
        }
    }
    scriptRequest.open("GET",scriptElement.src,true);
    scriptRequest.send();
}
</script>