SecurityError: CSSStyleSheet.cssRules getter: Not allowed to access cross-origin stylesheet error while reading CSS stylesheet using Selenium Firefox

Question

我将 Selenium 与 Java 和 Chrome/Firefox 驱动程序一起使用。

FirefoxProfile profile = new FirefoxProfile();
profile.setPreference("javascript.enabled", true);
profile.setPreference("security.fileuri.strict_origin_policy", false);
DesiredCapabilities capabilities = DesiredCapabilities.firefox();
capabilities.setCapability(FirefoxDriver.PROFILE, profile);
capabilities.setCapability(CapabilityType.ACCEPT_SSL_CERTS, true);
capabilities.setCapability("acceptInsecureCerts",true);
FirefoxOptions options = new FirefoxOptions();
options.addCapabilities(capabilities);
WebDriver webDriver = new FirefoxDriver(options);

尝试读取 CSS 样式表

JavascriptExecutor js = ((JavascriptExecutor) driver);
Object properties = js.executeScript("return document.styleSheets");

我收到以下错误：

Exception in thread "main" org.openqa.selenium.WebDriverException: SecurityError: CSSStyleSheet.cssRules getter: Not allowed to access cross-origin stylesheet

使用 chrome 驱动程序我收到错误 error reading property。

我正在尝试获取页面的 document.styleSheets，但由于 CORS 规则，我无法获取。如何禁用它们？

Answer 1

好像打错了。而不是documnent，您的意思可能是document。如此有效，您的代码行将是：

Object properties = js.executeScript("return document.styleSheets");

---

但是，这个错误信息...

Exception in thread "main" org.openqa.selenium.WebDriverException: SecurityError: CSSStyleSheet.cssRules getter: Not allowed to access cross-origin stylesheet

...暗示 cssRules getter() 方法被阻止访问 跨域样式表。

---

详情

根据Unable to access cssRules property DOMException: "CSSStyleSheet.cssRules getter: Not allowed to access cross-origin stylesheet" 中的讨论，即使您的应用程序可能没有任何跨域样式表，如果您使用firefox，这些跨域样式表 em> 由Ghostery 浏览器扩展注入。

因此，一个快速的解决方案是禁用Ghostery extension 来解决问题。