分享自己做的 chrome 插件, css auto reload

[allenm]

做为一个 web developer ，在写 css 的时候，经常需要不断的切换窗口，刷新页面，查看效果，这个插件可以在你保存好 css 后，立即更新你页面上的样式，不用切换窗口、刷新。

操作视频：
http://v.youku.com/v_show/id_XMzU3MDc5NzI0.html

这个之前已经有一些类似的工具，但是有些不支持跨域，有些不支持 @import 进来的 css ，有些还要配置一个特殊的服务器端，可能会和当前工作环境冲突。

于是我就自己写了一个适合自己用的，看看特性吧：

只需要安装一个 chrome 插件，不需要特殊的服务器端，不需要特意改变你的页面
需要的时候，只需要点击一下插件栏的图标即可对当前页面开启监控，不需要的时候，再次点击以关闭
此插件不会更改任何 DOM 结构，也不会在你页面的 js 执行环境中执行任何 js ,绝不干扰你页面的任何代码
在你没改变 css 的时候，页面不会 reload css ，调试面板中网络一栏不会多出很多请求
支持 css 和 page 不同域的情况
支持 css 相对路径，绝对路径
支持 @import ， @import 进来的 css 如果发生了改变也会 reload

chrome extension 下载地址：https://chrome.google.com/webstore/detail/fiikhcfekfejbleebdkkjjgalkcgjoip

github 地址：https://github.com/allenm/css-auto-reload

欢迎使用，提建议和 BUG 。

[allenm]

发现有同学使用 file:// 打开页面，发现此插件无效，现在此插件的最新版已经支持了 file:// 打开的页面，只是由于 chrome 的安全限制，需要手工配置下，详见：http://allenm.github.com/css-auto-reload/#fileconfig