在Chrome中重新加载JavaScript

时间:2014-02-22 02:59:50

标签: javascript google-chrome coffeescript livereload

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

2 个答案:

答案 0 :(得分:22)

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

我已经关闭来实现JS的自动实时重新加载,而无需刷新页面;我在做什么:

  1. 在检查员的sources标签中,右键单击并选择" 将文件夹添加到工作区... "
  2. 选择包含您要同步的.js的本地文件夹,然后点击 [okay]
  3. 右键单击嵌套在新添加的工作区文件夹中的.js文件,然后选择" 映射到网络资源",然后选择匹配的{{1来自页面。
  4. 使用外部编辑器更改本地.js文件。
  5. 单击检查器中的.js文件,确保其具有焦点;这将触发"重新编译和更新"并且您的更改应该注入页面。
  6. 步骤5是需要以某种方式自动化的部分。

    如果将此项与文件监视器结合使用,该文件监视器会自动将您的应用程序捆绑到单个.js文件中,则无需刷新页面即可自动重新加载。

答案 1 :(得分:2)

是的,你可以用grunt.js或gulp.js做到这一点。像Codekit这样的其他东西可以做到这一点,Chrome的附加组件也可以这样做.LiveReload。