在Chrome中实时重新加载JavaScript

我知道你可以在Chrome Developer Tools的Source面板中实时编辑JS，我知道有一些系统可以实时重新加载CSS，但是你可以从源位置（URL或本地磁盘，或者以某种方式利用工作空间，或者甚至作为Chrome Developer Tools插件）实时重新加载JS吗？特别是，这对于CoffeeScript到JS的设置非常有用。

是的，您可以使用grunt.JS或gulp.JS来实现。像Codekit这样的其他东西可以做到这一点，Chrome的一个叫做LiveReload的附加组件也可以做到这一点。

考虑到它的强大功能，很难找到其他人尝试做到这一点

我已经接近在不刷新页面的情况下实现JS的自动实时重新加载；我是这样做的：

在inspector的

源

选项卡中，右键单击并选择“将文件夹添加到工作区…”

选择包含要同步的

.js

的本地文件夹，然后单击

[确定]

右键单击嵌套在新添加的工作区文件夹中的

.js

文件，选择“映射到网络资源”，然后从页面中选择匹配的

.js

使用外部编辑器更改本地

.js

文件

单击inspector中的

.js

文件，确保其具有焦点；这将触发“重新编译和更新”，您的更改应该被注入到页面中

第五步是需要自动化的部分

---

如果您将此功能与自动将应用程序捆绑到单个

.js

文件的文件监视程序相结合，则无需刷新页面即可实现自动重新加载。

您指的是重新加载页面以外的其他功能吗？不清楚如何在不重新加载其他脚本的情况下重新加载一个脚本的全局状态。@jfriend00:不重新加载全局状态，这是热代码交换。我的意思是，该机制已经存在，并且可以在源代码面板中正常工作：编辑脚本、保存和现有闭包使用新代码。（蛮力手动方法是编译新的JS，然后复制并粘贴到其中。）解决问题的另一种方法可能是使用LiveCodeing工具，如，它与外部编辑器一起工作。我已经使用grunt LiveroAD。它只对CSS工作而不刷新；在JS更改时，它会为我重新加载整个页面。如果你（像我一样）希望它允许对JS进行实时编辑，它将无法工作。您将得到“worspace映射不匹配错误”。然而，我发现了这一点：我想知道，自从一年多前发表这篇文章以来，你们中的任何一个人是否在这方面取得了任何进展。尽管npm livereload提供了这个选项，但我仍在苦苦挣扎：applyJSLive告诉livereload在后台重新加载JavaScript文件，而不是重新加载页面。默认值为false。将此设置为true仍会刷新页面。少量添加。如果从本地文件加载，则必须通过web服务器（例如.html文件夹中的python-m http.server）运行本地文件，否则将永远不会出现“匹配到本地文件”选项，然后您可以使用保存和重新加载功能。我之所以提到它，是因为我没有通过阅读这篇文章发现问题所在