我正在尝试从 cordova 的手机存储访问CSS文件。简单的用例是使用动态CSS。在特定的时间间隔从服务器下载CSS,将其存储在手机存储中,并在样式中使用。
该路径将在HTML页面上静态定义。
<link rel="stylesheet" type="text/css" href="file:///storage/emulated/0/MYAPP_FOLDER/stlyefromstorage.css">
CSS路径(手机存储):file:///storage/emulated/0/MYAPP_FOLDER/stlyefromstorage.css
我尝试了静态CSS文件内容和路径,但没有工作。
在 cordova 有可能吗?
存储中的样式.css
body {
background-color: powderblue;
}
h1 {
color: blue;
font-family: verdana;
font-size: 300%;
}
p {
color: red;
font-family: courier;
font-size: 160%;
}
Index.html(来自 cordova APK的呼叫)
<html>
<head>
<title>
Hello File Storage CSS
</title>
<link rel="stylesheet" type="text/css" href="file:///storage/emulated/0/MYAPP_FOLDER/stlyefromstorage.css">
</head>
<body>
<h1>This is a heading</h1>
<p>This is a paragraph.</p>
</body>
</html>
2条答案
按热度按时间a9wyjsp71#
就在我的问题后,我发现解决方案如下:
您可以从已安装的应用程序文件夹路径read/write your file如下:
此外,我们可以访问如下:
注意:为了确保您必须在Android 10+操作系统的Androidmanifest.xml -标签中设置
android:requestLegacyExternalStorage="true"
。现在我的外部CSS文件工作如下:
希望这对其他人有帮助。
pbgvytdp2#
将html & css与移动的设备链接的最好和最简单的方法是使用内联css。