文件保存后自动刷新浏览器页面
星期天, 二月 28th, 2010 192 views做前端的就是苦命，前端的键盘最苦命的是F5按键。 每次修改了点页面，写了点代码就要按F5去测试，着实让人崩溃。 除非用DreamWeaver这种工具，或者TopStyle这种，否则就免不了受罪。 这也归罪于微软各个GUI直接通信不良…… 今天找到个方案， 这位达人写了一个Firefox小扩展，用于修改js和host文件的时候用。 原理请参考上面的链接，我就拿来改了一改 敲击这里下载 注意：这个工具只是一个很原始的模型！！ 怎么用呢？ 很简单，在Firefox，打开你所要的页面，这个扩展会不停检测 D:\refresh.firefox 文件， 如果存在这个文件，他就会自动刷新当前页面并删除这个文件。 那么如何创建这个文件呢？ For VIM 如果你是用VIM的，在$MYVIMRC中加入这句话 function! b:AutoRefresh() !start cmd /c echo x > d:\\refresh.firefox syntax on endfunction autocmd BufWritePost,FileWritePost *.html :call b:AutoRefresh() 其中 syntax on 这句是为了可以不会出现一个等待键盘确认的事件。我是参考这里的 这就让html文件保存的时候生成d:\refresh.firefox文件了 For Editplus 如果你像我一样是Editplus用户的话，也很容易。如图 设置Auto Run: After Save里的，添加命令就行了。 cmd /c echo x >d:\refresh.firefox 只不过还是有点后遗症，随便什么文件保存它都会生成…… 作为一个不开源，没有插件体系，更新也很不勤快的编辑器……要求也不要太高了…… 友情提醒：请使用正版软件~可以在有能力的时候购买许可，或者转用其他开源编辑器，比如Notepad++等。不要让使用盗版成为国内软件开发人员的原罪…… For Others 基本原理都知道了，应该不难办了吧？ 系统资源占用 实测下来，我E7200，CPU占用率不到1%。这个setInterval还是很节约资源的。 带来的好处 仔细想的话，节约的不只一步。你要切换窗口，要按f5，看效果，再切换回来继续调整。但如果你是宽屏或者是编辑器背景透明的话，无需切换就可以完成了。节约的是大把时间。如果是虚拟机或者其他电脑测试的情况下，也可以用局域网共享实现，非常好用。其他浏览器只要提供访问文件的接口，也可以如法炮制。
