Developer Tools

css auto reload

4.6
69
2937
25

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(国内)

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

css auto reload
Related posts
Developer Tools

Browserling - Cross-browser testing

Developer Tools

Selenium Page Object Generator

Developer Tools

IP Address and Domain Information

Developer Tools

APK Downloader for Google Play Store™

25 Comments

Comments are closed.