no innerHTML but rules in <style>

Author: painty

dest/manifest.json

@@ -1,6 +1,6 @@
 {
   "name": "CSS Used",
-  "version": "2.3.2",
+  "version": "2.3.3",
   "permissions": ["<all_urls>","tabs"],
   "author": "Bob",
   "icons": {

package-lock.json

@@ -1,6 +1,6 @@
 {
   "name": "css-used-chrome-ext",
-  "version": "2.2.11",
+  "version": "2.3.3",
   "description": "A chrome extension to get all css rules used by the selected DOM and its children.",
   "main": "./src/main.js",
   "scripts": {

package.json

@@ -28,10 +28,20 @@ function generateRulesAll(doc, externalCssCache) {
           })
         } else {
           // style tag
+          let html=doc.styleSheets[x].ownerNode.innerHTML;
+          if(html===''){
+            // style may be in style-tag's cssRules but not show in innerHTML
+            for (let index = 0; index < doc.styleSheets[x].cssRules.length; index++) {
+              const rule = doc.styleSheets[x].cssRules[index];
+              html+=rule.cssText;
+            }
+          }
           // convert urls in style tag to abs
-          let html = doc.styleSheets[x].ownerNode.innerHTML.replace(/url\((['"]?)(.*?)\1\)/g, function (a, p1, p2) {
+          html = html.replace(/url\((['"]?)(.*?)\1\)/g, function (a, p1, p2) {
             return 'url(' + convUrlToAbs(doc.location.href, p2) + ')';
           });
+          // the next operation is asynchronous
+          // store the current x value
           let _x = x;
           convTextToRules(html, doc.location.href).then(function (cssNodeArr) {
             cssNodeArr.media = doc.styleSheets[_x].media;