从检查器(webkit、firebug 等)导出 CSS 更改 [英] Export CSS changes from inspector (webkit, firebug, etc)

问题描述

当我使用 CSS 时，我经常在浏览器中进行测试 - 例如 Chrome - 右键单击​​一个元素，单击检查元素，然后在那里编辑 CSS.使用箭头键更改边距和填充等内容使排列变得非常容易.

When I'm working with CSS, I'll often test in a browser - say, Chrome - right click an element, click Inspect Element, and edit the CSS right there. The use of arrow keys to change things like margin and padding makes lining things up super easy.

然后将这些更改应用到 CSS 文件并不太难，但如果我可以在检查器中右键单击选择器并选择导出"或复制"，并拥有内容，那就太酷了在我的剪贴板中可用.

It's not too hard to then take those changes and apply them to the CSS file, but it would be cool if I could just right click the selector in the inspector and select "export" or "copy", and have the contents available in my clipboard.

这样的东西存在吗?

推荐答案

我已经找到了答案，至少从 Chrome v14 开始.

I have found the answer to this, at least as of Chrome v14.

在元素部分，只需单击 CSS 规则旁边的文件名:行号"链接.显示的 CSS 文件将包含所有修改.

While in the Elements section, just click on the "filename:linenumber" link next to the CSS rules. The CSS file that shows up will contain all of the modifications.

正是这个地方:

这篇关于从检查器(webkit、firebug 等)导出 CSS 更改的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！