css - document.styleSheets[x].cssRules 为空

标签 css stylesheet

当我检查网站时,
我从 document.styleSheets[x].cssRules

中看到了 cssRules

enter image description here

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

enter image description here

这怎么可能?

最佳答案

那是因为样式表来自不同的域。某些浏览器(例如 Chrome)通过抛出安全错误或将 cssRulesownerRule 来自不同域的内容设置为 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

关于css - document.styleSheets[x].cssRules 为空,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/46356349/

相关文章:

css - 创建特定的边框效果

javascript - 正则表达式(Regex) on CSS3 Transform String

html - 浏览器如何应用 CSS,重绘是否受其影响?

html - 如何使CSS下拉菜单成为下拉菜单

php - reCaptcha 样式已损坏

css - 我怎样才能使 CSS 背景图像居中,就好像图像具有不同的宽度一样(不切断 bgimg)?

firefox - 谷歌翻译打破 Firefox 中的样式表

ruby-on-rails - Rails,我的样式表神奇地消失了?

html - 全宽画廊,中间有一张图片

html - 如何在缩略图上添加标题?