css - 是否有浏览器扩展来获取应用于 DOM 元素的所有 CSS？

Question

Firebug 很棒，它允许我查看所有应用于您选择的 DOM 中的元素的 CSS，但您也可以:

a) 按照 CSS 中定义的应用顺序逐行查看(非常有用但不是我想要的)或

b) 查看“已计算”，这是所有 CSS 规则和该元素具有的值。

我想要的是一个工具或扩展，它允许我选择一个元素，并以可复制粘贴的形式向我展示为该元素定义的所有 CSS。如果元素具有 font-style:normal 只是因为它是该元素的默认值，我不希望它存在(Firebug 在计算 View 中显示所有这些)。

基本上我希望能够:

1. 我看到我想在我自己的网站上完全复制网站上的一个元素(如按钮)。
2. 使用此工具将一堆 CSS 应用于该元素。
3. 粘贴我自己的 CSS。
4. 在我的网站中获得外观相同的元素。耶!

有什么想法吗？

Answer 1

切换到 Chrome 默认元素检查器(按 F12)，它拥有您需要的一切。您会在“计算样式”面板中找到所有内容，包括有用的“显示继承”复选框