javascript - 在 Chrome 中实时重新加载 JavaScript

Question

我知道你可以从 Chrome 开发者工具的源代码面板中实时编辑 JS，我知道有一些系统可以实时重新加载 CSS，但是你可以从源位置（URL 或本地磁盘，或以某种方式利用 Workspaces，甚至可能作为 Chrome 开发人员工具插件）？特别是这对于 CoffeeScript-to-JS 设置非常有用。

Answer 1

考虑到它的强大程度，很难找到其他人尝试这样做。

我已经接近实现 JS 的自动实时重新加载而无需刷新页面；这就是我所做的：

1. 在检查器的sources选项卡中，右键单击并选择“将文件夹添加到工作区... ”
2. 选择包含.js要同步的本地文件夹，然后单击[okay]。
3. 右键单击.js嵌套在新添加的工作区文件夹中的文件，然后选择“映射到网络资源.js”，然后从页面中选择匹配项。
4. .js使用外部编辑器更改本地文件。
5. 单击.js检查器中的文件，确保它具有焦点；这将触发“重新编译和更新”，您的更改应注入页面。

第 5 步是需要以某种方式自动化的部分。

如果您将它与自动将您的应用程序捆绑到单个.js文件中的文件观察程序结合使用，您可以接近自动重新加载而无需刷新页面。

Answer 2

是的，您可以使用 grunt.js 或 gulp.js 做到这一点。Codekit 等其他东西可以做到这一点，Chrome 的附加组件 LiveReload 也可以。