V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
XDash
V2EX  ›  分享发现

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

  •  
  •   XDash · 2011-07-13 23:13:24 +08:00 · 6595 次点击
    这是一个创建于 4888 天前的主题,其中的信息可能已经有所发展或是发生改变。
    推荐一个 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
    4 条回复    1970-01-01 08:00:00 +08:00
    cmonday
        1
    cmonday  
       2011-07-14 09:24:19 +08:00
    这个很霸气……
    如果能像firebug一样先读取原有样式就好了
    做前端的估计还是得用firebug,这个工具最大的亮点还是分享自己做的style
    reorx
        2
    reorx  
       2011-07-14 10:23:26 +08:00
    如果stylish有stylebot这样方便的DOM定位功能就完美了,真希望能把这俩结合起来。
    iwinux
        3
    iwinux  
       2011-07-14 10:33:40 +08:00
    我的 stylebot 里有超过20个样式了,属于楼主所说的”洁癖症患者“——看到网站字体太丑字号太小就忍不住动手了(V2EX没有遭此待遇,哈哈)。
    alisasiky
        4
    alisasiky  
       2011-11-25 20:48:21 +08:00
    谢谢推荐。 已经收藏了
    关于   ·   帮助文档   ·   博客   ·   API   ·   FAQ   ·   实用小工具   ·   1757 人在线   最高记录 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 19ms · UTC 16:39 · PVG 00:39 · LAX 08:39 · JFK 11:39
    Developed with CodeLauncher
    ♥ Do have faith in what you're doing.