有沒有辦法在開發時刷新JavaScript包含？

Question

在.js文件上進行開發時，我只想刷新該文件而不是整個頁面以節省時間。任何人都知道這方面的技術？

Answer 1

下面是創建一個新的腳本元素的功能。它附加一個遞增的整數，以使腳本的URL唯一（如Kon建議的）以強制下載。

 
var index = 0; 
function refreshScript (src) { 
    var scriptElement = document.createElement('script'); 
    scriptElement.type = 'text/javascript'; 
    scriptElement.src = src + '?' + index++; 
    document.getElementsByTagName('head')[0].appendChild(scriptElement); 
} 

然後在Firebug的控制檯，您可以稱呼其爲：

 
refreshScript('my_script.js'); 

你需要確保該指數本身並不是劇本正在被重新裝入的部分！

Firebug Net面板將幫助您查看腳本是否正在下載。響應狀態應該是「200 OK」而不是「304 Not Modified」，並且您應該在查詢字符串中看到索引

Firebug HTML面板將幫助您查看script元素是否被添加到頭部元素

更新：

下面是使用時間戳，而不是一個索引變量的版本@davyM表明，它是一個更靈活的方法：

 
function refreshScript (src) { 
    var scriptElement = document.createElement('script'); 
    scriptElement.type = 'text/javascript'; 
    scriptElement.src = src + '?' + (new Date).getTime(); 
    document.getElementsByTagName('head')[0].appendChild(scriptElement); 
} 

阿列克謝的點也非常-stated。

Answer 2

如果您正在討論您的.js文件的客戶端/瀏覽器緩存的不幸情況，那麼您可以簡單地版本化.js文件。可以：

• 重命名js文件本身（不是優選的）
• 更新包括線引用yourfile.js 1，yourfile.js 2等。因此強制瀏覽器來請求？服務器的最新版本。 （首選）

Answer 3

不幸的是，您必須刷新網頁才能看到對JavaScript進行的編輯。我不知道如何實時編輯JavaScript，並且無需刷新即可看到這些編輯效果。

您可以使用Firebug插入新的 JavaScript，並對DOM對象進行實時更改;但是你不能編輯已經運行的JavaScript。

Answer 4

我建議你爲此使用Firebug。 看到這個視頻，它幫了我很多。

http://encosia.com/2009/09/21/updated-see-how-i-used-firebug-to-learn-jquery/

Answer 5

如果你只是厭倦了填寫表單而開發只是使用表單恢復擴展像這樣https://addons.mozilla.org/ru/firefox/addon/lazarus-form-recovery/