Extract CSS3 rules

extract_css3_rules.js

var styleSheets = document.styleSheets
  , len = styleSheets.length
  , keyframeRules = [];
 

function extractKeyframes(styleSheet) {
    var rules = styleSheet.rules;
    
    rules.forEach = Array.prototype.forEach;

    rules.forEach(function (rule) {
        if (rule.type === CSSRule.KEYFRAMES_RULE || rule.type === CSSRule.KEYFRAME_RULE) {
            keyframeRules.push(rule);    
        }
    });
}

function keyframesRuleToJSON(rule) {
    return {
        name: rule.name,
        text: rule.cssText
    };
}

for (var i = 0; i < len; i++) { 
    extractKeyframes(styleSheets[i]);
}


console.log("Found %s keyframe rules:", keyframeRules.length);
console.log(keyframeRules.map(keyframesRuleToJSON));
debugger;
// copy(keyframeRules.map(keyframesRuleToJSON));