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

2012-04-24 23:04:45 +08:00
 benzhe
就是 chrome 用户目录或者程序目录?下的 .\Default\User StyleSheets\Custom.css ,

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

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

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

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

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

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

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

或者难到还有?
lianghai
2012-04-25 00:37:56 +08:00
@benzhe: 不理解你到底要干什么……忽略我吧还是。
benzhe
2012-04-25 00:45:44 +08:00
@lianghai 我也不清楚测试 css 是否能叫 debug ,不过我就这么说了
Rice
2012-04-25 00:50:47 +08:00
难道不能在 右键->审查元素 里面调?也是实时变化的哦。
benzhe
2012-04-25 00:55:36 +08:00
@Rice 3楼有说,这样如果要修改不同 element 的样式需要用鼠标操作

这是一个专为移动设备优化的页面(即为了让你能够在 Google 搜索结果里秒开这个页面),如果你希望参与 V2EX 社区的讨论,你可以继续到 V2EX 上打开本讨论主题的完整版本。

https://www.v2ex.com/t/33421

V2EX 是创意工作者们的社区,是一个分享自己正在做的有趣事物、交流想法,可以遇见新朋友甚至新机会的地方。

V2EX is a community of developers, designers and creative people.

© 2021 V2EX