Google chrome 文件更改时自动刷新浏览器?

Google chrome 文件更改时自动刷新浏览器?,google-chrome,google-chrome-extension,sublimetext2,osx-mountain-lion,Google Chrome,Google Chrome Extension,Sublimetext2,Osx Mountain Lion,有人知道当我的项目文件更改时会自动刷新浏览器的插件或扩展吗 我正在使用supervisor重新启动节点服务器。但是每次我想做一点小的改变就点击刷新有点烦人:/ 我使用的浏览器是OSX上最新版本的Chrome,我的编辑器是Sublime Text 2。您可以让您的节点服务器保持打开的连接(即websocket),并在您的网页上编写一些代码,以便在连接断开(节点进程重新启动)时,页面调用window.location.reload()显示了一种自动化重新加载扩展任务的方法。该技术可以用于自定义Gru

有人知道当我的项目文件更改时会自动刷新浏览器的插件或扩展吗

我正在使用supervisor重新启动节点服务器。但是每次我想做一点小的改变就点击刷新有点烦人:/


我使用的浏览器是OSX上最新版本的Chrome,我的编辑器是Sublime Text 2。

您可以让您的节点服务器保持打开的连接(即websocket),并在您的网页上编写一些代码,以便在连接断开(节点进程重新启动)时,页面调用window.location.reload()

显示了一种自动化重新加载扩展任务的方法。该技术可以用于自定义Grunt任务、编辑器中的onSave钩子或任何适合您的工具


显示了一种通过选项卡重新加载扩展的方法(在使用内容脚本时很有用)。

每当我更改前端javascript、html等时,我都会连接gulp和gulp watch以通知浏览器端javascript重新加载页面

Primus  = require 'primus'
http    = require 'http'
logging = require './logging'

logSpark = (spark, message) -> 
  logging.logBlue('Spark ' + spark.id + ' from ' + spark.address.ip + ' ' + message + ' (now ' + sparks + ' total sparks active)')

# Start sparks server
server = http.createServer().listen(3000)
sparkServer = new Primus(server, { transformer: 'websockets' })
sparkServer.save('./public/script/primus.js');

logging.logBlue 'Sparks server listening on port ' + 3000 + '....'

sparks = 0

# Log spark connections
sparkServer.on('connection', (spark) -> 
  sparks += 1
  logSpark(spark, 'connected on port ' + spark.address.port))

sparkServer.on('disconnection', (spark) ->
  sparks -= 1
  logSpark(spark, 'disconnected'))

exports.broadcast = () -> sparkServer.write('refresh') # arbitrary message text here
在gulpfile.js中:

watch({glob: "public/*"}, function() {
    clientRefresh.broadcast()
});
在html中添加:

  <head>
    <script type='text/javascript' src='/script/main.js'></script>
    <script src="/script/primus.js"></script>
    <script>
      var primus = new Primus('http://localhost:3000');

      primus.on('data', function message(data) {
        console.log('@@@ refreshing by gulp ' + data + ' request @@@');
        document.location.reload(true);         
        });
    </script>
  </head>

var primus=新primus('http://localhost:3000');
primus.on('data',函数消息(data){
console.log('@@@gressing by gulp'+data+'request@');
文档。位置。重新加载(true);
});

我不熟悉supervisor,但我使用nodemon自动重新启动我的项目后端,并且有一个脚本可以这样做,再加上它启动gulp,它负责两种类型的自动重新启动(后端使用nodemon,前端使用上述).

我在节点监视设施周围做了一个包装,目的是在文件更改时刷新web浏览器。如果您使用的是OSX,那么这个解决方案对您来说可能是一个简单的解决方案

npm安装-g watchme

将安装包装器。然后将此脚本保存到某个位置,例如作为
~/refresh.applescript

# ~/refresh.applescript
tell application "Chrome" to tell the active tab of its first window
    reload
end tell
然后使用
watchme
查看文件上的特定文件夹/文件/regex以查看任何更改。当检测到更改时,执行applescript进行刷新。这实质上模拟了您正在寻找的保存时刷新,并且完全独立于编辑器(即,如果在Sublime/Vim/Emacs上,您仍然在更改文件,则无所谓)

watchme应用程序查看web-e“osascript~/refresh.applescript”


watchme
程序的使用更具表现力,因为您可以使用javascript正则表达式来匹配项目中任何特定类型的文件。使用
watchme--help
查看其他功能。

是否查看下面我的答案?有帮助吗?