样式表规则仅在iphone上返回Null

Question

我试图通过JavaScript读取styleSheet规则，但document.styleSheets[0].rules和document.styleSheets[0].cssRules都返回Null。澄清：如果加载的css看起来像这样：

.example{
position: relative;
height: 100%;
width: 100%;
overflow-x: hidden;
}

使用Javascript，如果我调用document.styleSheets[0].rules，假设css是html文件中的第一个，我应该得到规则数据。但这并没有发生。

此问题仅发生在iOS上。它在Safari上运行良好，在Android上也运行良好。

谢谢。

Answer 1

所以我解决了这个问题。这似乎是由多种原因造成的。由于这是我第一次在cordova iOS中使用我的代码，我认为我在第一次添加cordova插件WkWebview文件XHR插件时没有正确修复WkWebview的XHR已知问题。我认为添加错误。所以我不得不删除iOS平台，然后重新开始。我再次添加了cordova插件wkwebview文件xhr，并确保我有：

<preference name="scheme" value="app" />
<preference name="hostname" value="localhost" /> 

在配置文件中，样式规则显示为应该显示的。