CSS樣式信息庫

Question

有沒有人知道一個好的JavaScript庫來獲取DOM中給定元素的原始（即不計算）風格？換句話說，可以用來在Firebug的樣式選項卡中生成結果。像Firebug一樣，它應該考慮CSS的繼承，快捷屬性和所有其他細微差別。

Answer 1

基礎上的評論，你可能有興趣在一個不錯的Firebug的精簡版bookmarkmarklet鏈接：

http://www.latentmotion.com/how-to-use-firebug-in-ie6-and-all-other-browsers/

才找到螢火蟲精簡版，我開始了我自己的定製版本：

http://latentmotion.com/jquery-bookmarklet/ （注意：點擊「Reveal Box Boundaries」，然後點擊頁面上的html標籤，你會看到樣式屬性出現在右邊，也可以用作書籤）

爲了完成上述書籤，我用（鏈接和數組）：

http://www.latentmotion.com/jquery-bookmarklet/example-jquery-bookmarklet.js

 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"]; 

如果有人有更好的辦法知道，我很感興趣，也聽吧:)