在Chrome中重新加载JavaScript

Yan*_*ang 20 javascript google-chrome coffeescript livereload

我知道你可以在Chrome开发者工具的Source面板中实时编辑JS,我知道有用于实时重新加载CSS的系统,但是你可以从源位置(URL或本地磁盘,重新加载JS)或以某种方式利用工作区,甚至可能作为Chrome开发者工具插件)?特别是这对于CoffeeScript-to-JS设置非常有用.

nam*_*uol 26

考虑到它有多强大,很难找到其他人试图做到这一点.

我已经接近实现JS的自动实时重新加载而不刷新页面; 这就是我的所作所为:

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

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

如果将此文件与自动将应用程序捆绑在一个文件中的文件监视器结合使用.js,您可以在不刷新页面的情况下接近自动重新加载.