求帮助web开发效率的Chrome 扩展。可以直接往页面写CSS，不刷新就自动渲染，并且能够快速提取写的CSS的。

17 replies • 1970-01-01 08:00:00 +08:00

1

ehaagwlke

Dec 14, 2012

看看 https://github.com/adobe/brackets 这个编辑器是不是能满足要求

2

lingyired

OP

Dec 14, 2012

@ehaagwlke thx ，但我现在是针对已经上线的网站进行CSS 调试

3

lingyired

OP

Dec 14, 2012

https://chrome.google.com/webstore/detail/stylebot/oiaejidbmkiecgbjeifoejpgmdaleoha

4

cutehalo

Dec 14, 2012

自己写个style标签编辑到页面去囧
stylebot也可以

5

disinfeqt

Dec 14, 2012

Tin.cr

6

linuz

Dec 14, 2012

F12

7

lingyired

OP

Dec 14, 2012

@linuz F12 写完后怎么导出

8

lingyired

OP

Dec 14, 2012

@cutehalo
@disinfeqt thanks

9

allenm

Dec 14, 2012

我推荐一个我写的插件,去 chrome webstore 搜索 css auto reload , 不能满足 LZ 的所有需求。但是我想说，你干嘛不在编辑器里直接写，让页面实时生效呢？

在编辑器里写 CSS ，绝对比在页面上写舒服啊。

所以，LZ 试试我这个扩展，直接在编辑器里写 CSS ，让页面不刷新实时渲染吧。

10

lingyired

OP

Dec 14, 2012

@allenm 因为网站已经部署到服务器上。编辑器写完后要上传。。

懒得在本地部署一个测试的服务器了

11

jiazhoulvke

Dec 14, 2012

@lingyired ssh到服务器上写

12

allenm

Dec 14, 2012

@lingyired 这个好解决的，绑定 hosts 就可以了。WEB 程序员不都是这样干的吗？如果你的静态资源是一个单独的域名就非常好办，绑定个 hosts，本地搭个静态资源的环境就好了。如果不是单独的域名，就在本地搭个静态资源的环境，然后把其他的东西反向代理到线上去就好了。

13

lingyired

OP

Dec 14, 2012

@allenm
@jiazhoulvke

非静态..
discuz ，写CSS 后都需要更新CSS，当然，如果写在页面上倒不需要。

现在已经找到stylebot 来帮忙实习了。。
谢之

14

allenm

Dec 15, 2012

@lingyired 你估计是没看懂我说的话。我说的静态资源，是指的 css 、js、image 这些资源。和你网站是不是静态的没关系。

15

reducm

Dec 15, 2012

https://github.com/mockko/livereload

16

leecade

Dec 15, 2012

把 html 另存到本地, 加个标签 <base href="来源url"></base>

然后本地打开随意改

或者:

Chrome 下, 在 custom.css 里写, 可以实时渲染, 改好copy

17

lingyired

OP

Dec 15, 2012

@allenm 明白了，感谢之

@reducm
@leecade thanks！

现在已经实现了