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

man*_*ara 10 css firebug firefox-addon google-chrome-extension

Firebug很棒,并且允许我查看应用于您选择的DOM中的元素的所有CSS,但是您可以:

a)按照CSS中的定义,按照应用顺序逐行查看(非常有用,但不是我正在寻找的)或

b)查看它"计算",这是所有CSS规则和该元素具有的值.

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

基本上我希望能够:

  1. 我在我自己的网站上看到了一个我想在网站上复制的元素(比如一个按钮).
  2. 使用此工具可以获得应用于该元素的一堆CSS.
  3. 粘贴我自己的CSS.
  4. 在我的网站上获得相同的元素.好极了!

有任何想法吗?

Cae*_*lea 6

切换到Chrome默认元素检查器(按F12),它具备您所需的一切.您将在Computed Style面板中找到所有内容,包括一个有用的"Show inherited"复选框