一个支持同步且所见即所得的页面 CSS 编辑插件 for Google Chrome

[XDash]

推荐一个 Google Chrome 插件——Stylebot。简单说来就是一个所见即所得的 CSS 编辑工具，适合前端攻城师和洁癖症患者。

【下载地址】

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

【官方介绍】

Stylebot allows you to quickly create and apply custom CSS to websites.

It is very easy to use. You pick an element and choose any changes you want to make. You can change the font size, color, margins, visibility and a lot more. The advanced users can also write the CSS manually.

Using Stylebot, you can personalize the look and feel of your favorite websites. It is also a great tool to learn CSS by doing and for debugging your own site’s design.

【功能特性】

全站 CSS 基本配置 / 高级自定义。

所见即所得、即时保存。

支持右键元素直接点取编辑。

支持同步（虽然还是实验阶段功能），一处编辑处处可用。

提供社会化样式脚本库（stylebot.me），内含大量用户现成脚本可供下载。

【用法】

例如，想屏蔽新浪微博上方难看的跑马灯 Banner 广告连同下方的过滤器，直接在 Stylebot 里输入：

.tips_player {
display: none;
}

#MIB_newFilter {
display: none;
}

效果演示：http://www.fanbing.net/wp-content/uploads/2011/07/2011-07-13_225801.png

[cmonday]

这个很霸气……
如果能像firebug一样先读取原有样式就好了
做前端的估计还是得用firebug，这个工具最大的亮点还是分享自己做的style

[reorx]

如果stylish有stylebot这样方便的DOM定位功能就完美了，真希望能把这俩结合起来。

[iwinux]

我的 stylebot 里有超过20个样式了，属于楼主所说的”洁癖症患者“——看到网站字体太丑字号太小就忍不住动手了（V2EX没有遭此待遇，哈哈）。

[alisasiky]

谢谢推荐。 已经收藏了