js获取网页所有css

获取页面所有样式 包括动态注入的css和行内css等 便于生成静态页面

let styleSheets=document.styleSheets;
let strw="";
for (const key in styleSheets) {
  if (Object.hasOwnProperty.call(styleSheets, key)) {
    if (!styleSheets[key].href) {
      let cssRules=styleSheets[key].cssRules;
     for (const k in cssRules) {
       if (Object.hasOwnProperty.call(cssRules, k)) {
        strw+=cssRules[k].cssText
        
       }
     }
    }
  }
}
console.log(strw)