javascript - 有没有办法更改 chrome 中的 <script src=??> url 值并重新加载页面？

Question

我有一个在我的 html 代码中使用的 js 文件，如下所示:

<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

是的。使用Local Overrides .

1. 转至 chrome://version。确保您拥有 Chrome 65(引入该功能时)。
2. 打开来源面板。

3. 打开覆盖选项卡。

   

4. 点击选择要覆盖的文件夹。

5. 选择一个目录，然后点击允许以授予 DevTools 对该目录的读写权限。
6. 在来源面板中编辑您的 HTML 文件。 不是元素面板。按 Cmd+S 或 Ctrl+S 保存更改。
7. 重新加载页面。 DevTools 提供您刚刚修改的文件的本地版本，而不是网络版本。