document.styleSheets [x] .cssRules为null

当我检查一个网站时,
我从document.styleSheets [x] .cssRules看到了cssRules

但是,有了这个网站stackoverflow.com,当我用Chrome浏览器检查时,我看到了document.styleSheets,但cssRules为null.

怎么可能呢？

那是因为样式表来自不同的域.某些浏览器(例如Chrome)通过抛出安全错误或将cssRules和ownerRule设置为null来实现严格的跨域策略来自不同的域…在您的情况下样式表来自CDN

MDN引用了CSSStyleSheet文档中的以下内容……

In some browsers, if a stylesheet is loaded from a different domain,
calling cssRules results in SecurityError.

https://developer.mozilla.org/en-US/docs/Web/API/CSSStyleSheet