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

[lingyired]

[ehaagwlke]

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

[lingyired]

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

[lingyired]

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

[cutehalo]

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

[disinfeqt]

Tin.cr

[linuz]

F12

[lingyired]

@linuz F12 写完后怎么导出

[lingyired]

@cutehalo
@disinfeqt thanks

[allenm]

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

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

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

[lingyired]

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

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

[jiazhoulvke]

@lingyired ssh到服务器上写

[allenm]

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

[lingyired]

@allenm
@jiazhoulvke

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

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

[allenm]

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

[reducm]

https://github.com/mockko/livereload

[leecade]

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


然后本地打开随意改

或者:

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

[lingyired]

@allenm 明白了，感谢之


@reducm
@leecade thanks！

现在已经实现了