无法从 cordova 的手机存储访问CSS

9gm1akwq  于 2022-11-15  发布在  其他
关注(0)|答案(2)|浏览(117)

我正在尝试从 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>
a9wyjsp7

a9wyjsp71#

就在我的问题后,我发现解决方案如下:
您可以从已安装的应用程序文件夹路径read/write your file如下:

file:///storage/emulated/0/Android/data/APP_PACKAGE/files/stlyefromstorage.css

此外,我们可以访问如下:

file:///storage/emulated/0/APP_FOLDER/stlyefromstorage.css

注意:为了确保您必须在Android 10+操作系统的Androidmanifest.xml -标签中设置android:requestLegacyExternalStorage="true"
现在我的外部CSS文件工作如下:

<link rel="stylesheet" type="text/css" href="file:///storage/emulated/0/Android/data/APP_PACKAGE/files/stlyefromstorage.css"  />

希望这对其他人有帮助。

pbgvytdp

pbgvytdp2#

将html & css与移动的设备链接的最好和最简单的方法是使用内联css。

相关问题