如何從瀏覽器控制台重新加載 modified.js 文件？

Question

我可以使用 RequireJS 2 重新加載最近更新的.js 文件嗎？ 這是我的用例：

1. 我有一個名為Foo的Backbone.js object 和 function欄，它只是做alert("abc") ；
2. 在網頁中，我以某種方式調用Foo.Bar()並通過“abc”獲得警報
3. 在我的文本編輯器中，我將該函數的定義更改為alert("def")
4. 在同一個網頁中，我打開控制台並運行一些更新 function
5. 當我再次調用Foo.Bar()時，我收到帶有“def”的警報

謝謝！

Answer 1

您可以通過按：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庫。

Answer 2

由於您需要（加載和刷新）js 文件，我建議在您的基本 javascript 文件中定義一個 function

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 文件並強制它為瀏覽器更新文件。