Javascript 样式表规则仅在iphone上返回Null?
我试图通过JavaScript读取样式表规则,但是Javascript 样式表规则仅在iphone上返回Null?,javascript,css,ios,cordova,safari,Javascript,Css,Ios,Cordova,Safari,我试图通过JavaScript读取样式表规则,但是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,假
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上也运行良好
谢谢。所以我解决了这个问题。这似乎是由多种原因造成的。由于这是我第一次在cordova iOS上使用我的代码,我认为在我第一次添加cordova插件WkWebview文件XHR插件时,我没有正确修复WkWebview的XHR已知问题。我认为它没有正确添加。所以我不得不删除iOS平台,我不得不重新开始。我再次添加了cordova插件wkwebview文件xhr,并确保:
<preference name="scheme" value="app" />
<preference name="hostname" value="localhost" />
在配置文件中,样式规则按其应有的方式显示。请在您的问题中包含相关代码。@abney317我试图添加一些说明。我不知道如何更好地解释,我道歉。问题是,如果html中有css文件,则应该能够使用JS使用document.styleSheets[0].cssRules获取规则列表。它在除cordova IOS之外的所有浏览器上都能正常工作。我猜这可能是对cordova iOS的限制,或者是其他我不知道的东西。谢谢你们,你们救了我的命。这是个奇怪的问题。它在Cordova和iOS 13上运行良好。但至少在iOS14.6中,读取cssRules时会出现错误。