document.styleSheets [x] .cssRules为null

all*_*kim 3 css stylesheet

当我检查一个网站时,
我看到了来自的cssRulesdocument.styleSheets[x].cssRules

在此输入图像描述

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

在此输入图像描述

怎么可能呢?

Leo*_*Leo 7

那是因为样式表来自不同的域.有些浏览器(例如Chrome)抛出安全错误或设置实行严格的跨域政策cssRulesownerRule当它来自不同的域为空...你的情况样式表来自CDN

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

在某些浏览器中,如果从不同的域加载样式表,则调用cssRules会导致SecurityError.

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