Javascript CSS样式信息库

Javascript CSS样式信息库,javascript,css,Javascript,Css,有人知道一个好的javascript库可以为DOM中的给定元素获得原始(即非计算)样式吗?换句话说,可以在Firebug的样式选项卡中生成结果。与Firebug一样,它应该考虑继承、快捷方式属性以及CSS的所有其他细微差别。根据评论,您可能会对Firebug lite Bookmarklet链接感兴趣: 在找到firebug lite之前,我开始使用自己的自定义版本: (注意:单击“显示框边界”,然后单击页面上的html标记。您将看到样式属性显示在右侧。它也可以用作书签) 为了完成上述boo

有人知道一个好的javascript库可以为DOM中的给定元素获得原始(即非计算)样式吗?换句话说,可以在Firebug的样式选项卡中生成结果。与Firebug一样,它应该考虑继承、快捷方式属性以及CSS的所有其他细微差别。

根据评论,您可能会对Firebug lite Bookmarklet链接感兴趣:

在找到firebug lite之前,我开始使用自己的自定义版本:

(注意:单击“显示框边界”,然后单击页面上的html标记。您将看到样式属性显示在右侧。它也可以用作书签)

为了完成上述bookmarklet,我使用了(链接和数组):


如果有人知道更好的方法,我也很想听听:)

在这里我不是个聪明人,我也没有用过,但都是javasript,不是吗?这就是你想要的吗?当一个聪明的人有用的时候没什么错这是一个很好(而且很明显)的想法——我会查看来源。干杯。这是有趣的事情,尽管我的问题的重点是声明与计算方面。最好的方法似乎是编写CSS解析器,并处理可用的样式表。不幸的是,这似乎不适合用户代理(或者,我猜,用户)样式表。我在脚本中的下一步是创建一个包含所有html元素的iframe,然后获取它们的样式,然后对重点dom元素的样式进行区分。如果有更好的方法,我也很想知道它是什么。
        var allStyles = ["azimuth","background" ,"backgroundAttachment","backgroundColor","backgroundImage","backgroundPosition","backgroundRepeat","border","borderBottom","borderBottomColor","borderBottomStyle","borderBottomWidth","borderCollapse","borderColor","borderLeft","borderLeftColor","borderLeftStyle","borderLeftWidth","borderRight","borderRightColor","borderRightStyle","borderRightWidth","borderSpacing","borderStyle","borderTop","borderTopColor","borderTopStyle","borderTopWidth","borderWidth","bottom","captionSide","clear","clip","color","content","counterIncrement","counterReset","cssFloat","cue","cueAfter","cueBefore","cursor","direction","display","elevation","emptyCells","font","fontFamily","fontSize","fontSizeAdjust","fontStretch","fontStyle","fontVariant","fontWeight","height","left","letterSpacing","lineHeight","listStyle","listStyleImage","listStylePosition","listStyleType","margin","marginBottom","marginLeft","marginRight","marginTop","markerOffset","marks","maxHeight","maxWidth","minHeight","minWidth","orphans","outline","outlineColor","outlineStyle","outlineWidth","overflow","padding","paddingBottom","paddingLeft","paddingRight","paddingTop","page","pageBreakAfter","pageBreakBefore","pageBreakInside","pause","pauseAfter","pauseBefore","pitch","pitchRange","playDuring","position","quotes","richness","right","size","speak","speakHeader","speakNumeral","speakPunctuation","speechRate","stress","tableLayout","textAlign","textDecoration","textIndent","textShadow","textTransform","top","unicodeBidi","verticalAlign","visibility","voiceFamily","volume","whiteSpace","widows","width","wordSpacing","zIndex"];