如何从浏览器控制台重新加载修改后的.js文件

How can I reload modified .js files from the browser console?

本文关键字：修改 加载 文件 js 浏览器 控制台 新加载      更新时间：2023-09-26

我可以使用RequireJS 2来重新加载最近更新的.js文件吗？这是我的用例：

  1. 我有一个Backbone.js对象，名为Foo，函数Bar只执行alert("abc")
  2. 在一个网页中，我不知怎么打电话给Foo.Bar()，得到了一个带有"abc"的提醒
  3. 在我的文本编辑器中，我将该函数的定义改为alert("def")
  4. 在同一个网页中，我打开控制台并运行一些更新功能
  5. 当我再次呼叫Foo.Bar()时，我收到了带有"def"的警报

谢谢！

您可以通过按：Ctrl+Shift+J并转到"控制台"选项卡访问chome控制台。
键入以下内容：

var script = document.createElement("script");
script.src = "Path to Js File";
document.body.appendChild(script);

它应该在不重新加载整个页面的情况下更新JavaScript文件。

  • 文件路径可以是：
    1）http/s://yourdomain.com/Path/jsfile.js
    2）file://path/jsfile.js-（本地文件系统）

注意：
上面使用的方法不需要RequireJS库

由于需要（加载并刷新）js文件，我建议在基本javascript文件中定义一个函数，如

function reloadJS(file) {
  var script = document.createElement("script");
  script.src = "/" + file + ".js";
  myWindow = window.open(script.src + "?v=" + Math.random());
  document.body.appendChild(script);
  myWindow.close();
 }

并从控制台调用它，如reloadJS（"myjsfilename"）

这将重新加载js文件，并强制它为浏览器更新文件。

相关文章：