做为一个 web developer ，在写 css 的时候，经常需要不断的切换窗口，刷新页面，查看效果，这个插件可以在你保存好 css 后，立即更新你页面上的样式，不用切换窗口、刷新。
操作视频：
这个之前已经有一些类似的工具，但是有些不支持跨域，有些不支持 @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 。
操作视频：
这个之前已经有一些类似的工具，但是有些不支持跨域，有些不支持 @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 。
1
Select Language