javascript - 仅在浏览器中更改已编辑的 javascript 文件

Question

我有一个使用 javascript 的繁重项目，每次我更改一个文件时，我都必须刷新页面，所有文件都必须从服务器重新获取，并且我的车把再次渲染......

我如何只能在浏览器中更改已编辑的文件？而不是触摸其他文件？

我不知道，例如将新脚本附加到新页面rev以使其不缓存

<script type="text/javascript" src="/static/js/bjs/framework/manifest.js?rev=1024"></script>

我也使用Mercurial, Emacs，Firefox并且没有这个工具的力量。只有我想知道这可能会发生。我找到了移植到我的工具的方法

像 CSS Reloader :: Add-ons for Firefox -> https://addons.mozilla.org/en-US/firefox/addon/css-reloader/ for js 之类的东西，只编辑了 js

ps：它的本地服务器，但我有大约 2mb 的文件，在 10 或 20 次刷新后，我的 firefox 接近崩溃

Answer 1

我发现一些东西有助于回答我的问题

• 自动重新加载 :: Firefox 附加组件 -> https://addons.mozilla.org/en-US/firefox/addon/auto-reload/?src=search

• 浏览器扩展/通用/知识库 - LiveReload 支持 -> http://help.livereload.com/kb/general-use/browser-extensions

• Python LiveReload -> http://project.lepture.com/python-livereload/

使用此插件，我可以找到一些已更改的文件。所以我可以在更改文件后运行 js 脚本并用新文件替换 js 文件。我认为这是发展的最佳方式

Answer 2

对于特定的时间间隔，您可以使用刷新 JavaScript 代码setInterval()并再次重新加载它。

<script type="text/javascript">
    var sc = document.createElement('script');
    setInterval('sc.setAttribute("src", "script.js")', 5000);
</script>

希望这有助于或让您了解您需要做什么。:)

Answer 3

<script tyep="text/javascript">

</script>

<script tyep="text/javascript">
 document.scripts[0].src="/static/js/bjs/framework/manifest.js?rev="+Math.random()
</script>

每次使用 Math.random() 函数获取新的转速。

Answer 4

在 Firebug 中，您可以即时编辑 js/css 文件，和/或使用 javascript 控制台，运行代码而无需刷新页面。这是我能想到的唯一可能有帮助的事情。看看这里如何在 Firebug 中编辑 JavaScript？看看如何。