Stylebot Chrome Extension
推荐一个 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;
}
演示: