nemnesic

count-css-rules

Feb 3rd, 2015
259
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
  1. function countCSSRules() {
  2.     var results = '',
  3.         log = '';
  4.     if (!document.styleSheets) {
  5.         return;
  6.     }
  7.     for (var i = 0; i < document.styleSheets.length; i++) {
  8.         countSheet(document.styleSheets[i]);
  9.     }
  10.     function countSheet(sheet) {
  11.         var count = 0;
  12.         if (sheet && sheet.cssRules) {
  13.             for (var j = 0, l = sheet.cssRules.length; j < l; j++) {
  14.                 var rule = sheet.cssRules[j];
  15.                 if (rule instanceof CSSImportRule) {
  16.                     countSheet(rule.styleSheet);
  17.                 }
  18.                 if( !rule.selectorText ) {
  19.                     continue;
  20.                 }
  21.                 count += rule.selectorText.split(',').length;
  22.             }
  23.  
  24.             log += '\nFile: ' + (sheet.href ? sheet.href : 'inline <style> tag');
  25.             log += '\nRules: ' + sheet.cssRules.length;
  26.             log += '\nSelectors: ' + count;
  27.             log += '\n--------------------------';
  28.             if (count >= 4096) {
  29.                 results += '\n********************************\nWARNING:\n There are ' + count + ' CSS rules in the stylesheet ' + sheet.href + ' - IE will ignore the last ' + (count - 4096) + ' rules!\n';
  30.             }
  31.         }
  32.     }
  33.     console.log(log);
  34.     console.log(results);
  35. };
  36. countCSSRules();
Advertisement
Add Comment
Please, Sign In to add comment