从检查器导出CSS更改（webkit，firebug等） [英] 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规则旁边的filename：linenumber链接。显示的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.

这个地方：

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