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
Latest reviews
- (2020-07-01) Robin Rogge: Does exactly what it says. Works without reloading the entire page every frame, like some other extensions do... Note: You need to allow it access to local files in the add-on settings if you want it to work with local files on your machine.
- (2020-06-30) Anthony Baumgartner: Fantastic! This combined with my favorite code editor will make my work so much faster! Thank you.
- (2020-01-25) Blocksera Technologies: Really works great for local development.
- (2020-01-17) Giorgi Lazashvili: иногда начинает обновляться пару раз в секунду без остановки
- (2019-06-14) 崔纽皮: 希望能继续更新
- (2018-12-29) Milos Pavic: Works great, i cant live with out
- (2018-07-17) Toufiq Rahman: Does not work at all
- (2018-03-23) Rickon Chen: Can this also support reload JS automatically?
- (2018-02-13) Ben Dixon: just works. thnx
- (2018-02-04) BLACK_LIGHT: Like!
- (2018-01-24) Dmitry Kovalov: Супер! Есть возможность для каждого сайта независимо включить и выключить переключателем. Работает отлично
- (2017-12-09) Dmitriy Horolskiy: Наконец-то нашёл хорошее расширение без всяких заморочек, разработчикам спасибо!
- (2017-10-22) Фёдор Т: Пару часов ломал голову как это сделать) Спасибо, теперь не надо изобретать велосипед!
- (2017-08-08) Igor Krejčí: It Works!
- (2017-06-21) Yuffily Chen: no effect
- (2017-03-20) Roman Sokhin: Шикарно!
- (2017-02-13) maleta: works like a charm
- (2016-12-03) 山田ぽち: 動作していない
- (2016-11-29) Chris Lee: IMPORTANT: Be sure to enable "Allow access to file urls" under chrome://chrome/extensions/ The extension will NOT work without it!
- (2016-10-05) Tiến Dũng Nguyễn: Awesome I love it
- (2016-08-28) Nipuna Sudharaka: So cool & perfect
- (2015-12-03) Costas Paouris: It just works.
- (2015-08-27) Alex Zerling: excellent! thank you for this!
- (2014-08-21) Andy Miller: wow, so rare to find an extension like this that just works
- (2014-06-07) jump lee: life change
- (2014-04-26) works with v34. great extension.
- (2014-03-04) 李云鹏: 很多情况下根本不起作用
- (2013-09-12) Asfand Qazi: Very good extension - unlike the other popular CSS reloading extension, this one works with later versions of Chrome.
- (2013-08-14) Sam B: I would rate this 5 start if the reload could be bound to a key aswell, such as F9