仅限 Android Chrome 67+ - SecurityError : Failed to read the 'cssRules' property from 'CSSStyleSheet' : Cannot access rules

Question

我的代码中出现一个错误，该错误似乎只发生在 Android 版 Chrome 67+ 上。我在使用 Chrome 的任何其他平台上都没有遇到这个问题。这种情况偶尔会发生。

错误信息:SecurityError:无法从“CSSStyleSheet”读取“cssRules”属性:无法访问规则。

就错误发生的位置而言，我在面包屑中看到的唯一可靠痕迹是 HTMLLinkElement.cleanupVisited。

我已经看到在新的 Chrome 64+ COR 更改的上下文中提到的错误，但我的 css 是在同一个域上提供的，我没有在我的源代码中的任何地方调用 .cssRules() api。

还有其他人看到同样的事情吗？

Answer 1

我看到了完全相同的问题。但我发现我的 Asp.Net Mvc 元素正在通过 modernizr 2.8.3 库(第 691 行)调用方法 .cssRules。我在这个帖子上找到了这个问题的原因https://stackoverflow.com/a/49161468/2095712 .作者指出:

Since our (naïve) function was iterating through all loaded stylesheets, it was attempting to access this stylesheet injected by the extension and thus causing the CORS error.

由于此 CSS 托管在另一个域中，因此当用户安装了此类扩展程序时，此问题将出现在日志中(在我的例子中为 sentry)。