有没有办法在开发时刷新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/