css auto reload

Download extension

It can help you automaticly reload the css files in the browser after you modified them, without ruining your codes.English detail description: http://allenm.github.io/css-auto-reload/#en-version


css auto reload 是一个web开发者工具，一款 chrome 插件。它可以在你改变了 css 的时候，自动在页面上重新载入这些 css 文件， 以达到立即展现你刚刚做的改变的目的。特别适合在双屏环境下进行 web 前端开发，使你不必在编辑器和浏览器之间不停的切换， 提高工作效率。

特性:

只需要安装一个 chrome 插件，不需要特殊的服务器端，不需要特意改变你的页面

需要的时候，只需要点击一下插件栏的图标即可对当前页面开启监控，不需要的时候，再次点击以关闭

此插件不会更改任何 DOM 结构，也不会在你页面的 js 执行环境中执行任何 js ,绝不干扰你页面的任何代码

在你没改变 css 的时候，页面不会 reload css ，调试面板中网络一栏不会多出很多请求

支持 css 和 page 不同域的情况

支持 css 相对路径，绝对路径

支持 @import ， @import 进来的 css 如果发生了改变也会 reload

部分支持 file:// 打开的页面，需要一点配置，详情请看 http://allenm.github.com/css-auto-reload/


赞不支持:

不支持页面中的 iframe 内的 css 变化

============================

如果你觉得此插件好用，帮你节约了时间，你可以通过支付宝捐助作者：https://me.alipay.com/allenm ，你的捐助是我继续开发、维护的动力。
（捐助请注明是 css auto reload 的捐助）

============================

此项目托管在 github https://github.com/allenm/css-auto-reload ( 使用说明见此处）

操作视频：http://v.youku.com/v_show/id_XMzU3MDc5NzI0.html（国内）
http://www.youtube.com/watch?v=pQgBr5JmxIs&feature=youtu.be

BUG 提交，请移步 github: https://github.com/allenm/css-auto-reload/issues
联系作者请 email: css-auto-reload [at] allenm.me