を使用して、

Question

がロードされたウェブページ（おそらくいくつかの）CSSファイル、およびインラインスタイルを考えるとCSSのすべてを抽出するためにjQueryの（または類似）を使用する方法：

<link rel="stylesheet" type="text/css" href="some_file.css" /> 
<style type="text/css"> /* some css rules */ </style> 
<link rel="stylesheet" type="text/css" href="some_other_file.css" /> 
<style type="text/css"> /* some other css rules */ </style>  
<!-- etc --> 

どのようにでしょう実際のネットCSSルールをすべて抽出するための関数（おそらくjQueryを使って）を書きますか？

Answer 1

私はあなたがこれをどうしたいのかわからないが、これはあなたが始める必要があります：あなたはこれを呼び出すと

function getStyles() { 
    if(!document.styleSheets) return false; // return false if browser sucks 
    var rules = new Array(); 
    for (var i=0; i < document.styleSheets.length; i++) { 
     var x = 0; 
     styleSheet = document.styleSheets[i]; 
     if(styleSheet.cssText) { // if this is IE, get the rules directly 
      rules.push(styleSheet.cssText); 
     } else { 
      // otherwise get them individually 
      do { 
       cssRule = styleSheet.cssRules[x]; 
       if(cssRule) rules.push(cssRule.cssText); 
       x++; 
      } while (cssRule); 
     } 
    } 
    return rules; 
} 

それはすべてのルールの配列を返します。 Firefox、IEでテストされています。