V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
Get Google Chrome
Vimium · 在 Chrome 里使用 vim 快捷键
benzhe
V2EX  ›  Chrome

原来 Custom.css 的变动是实时表现的

  •  
  •   benzhe · 2012-04-24 23:04:45 +08:00 · 2764 次点击
    这是一个创建于 4615 天前的主题,其中的信息可能已经有所发展或是发生改变。
    就是 chrome 用户目录或者程序目录?下的 .\Default\User StyleSheets\Custom.css ,

    里面的 css ,修改后只需保存文件,浏览器不用刷新样式会立马在页面中生效。

    比如试试加下面一行,保存,然后看回这个页面(也许你就可以体会到“无财一身轻”了):
    #money { display:none; }

    发现这个原生功能,主要是以后调 css 可以方便很多,也木有用任何死占内存的插件和辅助程序

    也许很火星了,发现的原因只是昨天一个帖子真的没人响应,这是题外话不多说了
    7 条回复    1970-01-01 08:00:00 +08:00
    yangg
        1
    yangg  
       2012-04-24 23:53:59 +08:00
    之前知道这文件是实时表现的,没想到 可以用来调试,这么想的话确实 不错

    想知道这个实现原理,要是能把自己正在编辑的文件搞成实时的就happy了
    lianghai
        2
    lianghai  
       2012-04-25 00:24:20 +08:00
    呃,为什么「调 CSS」要动这个文件?
    benzhe
        3
    benzhe  
    OP
       2012-04-25 00:34:48 +08:00
    @lianghai 狗血了。其实我也不清楚,只不过我刚这么做了很久,甚痛快...

    之前只会直接会在 'developer tools' -> 'elements' 右侧直接写,这样要经常用鼠标选 element 所以比较麻烦。

    不过你一这么说就猜难道有更方便的方法?果然试了一下在 'resources' 直接编辑 css 也可以实时生效...

    或者难到还有?
    lianghai
        4
    lianghai  
       2012-04-25 00:37:56 +08:00
    @benzhe: 不理解你到底要干什么……忽略我吧还是。
    benzhe
        5
    benzhe  
    OP
       2012-04-25 00:45:44 +08:00
    @lianghai 我也不清楚测试 css 是否能叫 debug ,不过我就这么说了
    Rice
        6
    Rice  
       2012-04-25 00:50:47 +08:00
    难道不能在 右键->审查元素 里面调?也是实时变化的哦。
    benzhe
        7
    benzhe  
    OP
       2012-04-25 00:55:36 +08:00
    @Rice 3楼有说,这样如果要修改不同 element 的样式需要用鼠标操作
    关于   ·   帮助文档   ·   博客   ·   API   ·   FAQ   ·   实用小工具   ·   1065 人在线   最高记录 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 20ms · UTC 18:24 · PVG 02:24 · LAX 10:24 · JFK 13:24
    Developed with CodeLauncher
    ♥ Do have faith in what you're doing.