无法从 Cordova 中的 phone 存储访问 CSS

Question

我正在尝试从 Cordova 中的 phone 存储访问 CSS 文件。简单的用例是使用动态 CSS。在特定时间间隔从服务器下载 CSS，将其存储在 phone 存储中并按样式使用。

路径将在 HTML 页面上静态定义。

<link rel="stylesheet" type="text/css" href="file:///storage/emulated/0/MYAPP_FOLDER/stlyefromstorage.css">

CSS 路径（Phone 存储）： file:///storage/emulated/0/MYAPP_FOLDER/stlyefromstorage.css

我尝试使用静态 CSS 文件内容和该路径，但没有成功。

Cordova 可以吗？

stlyefromstorage.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>

Answer 1

就在 post 我的问题之后，我找到了如下解决方案：

您可以read/write your file从安装的应用程序文件夹路径如下：

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

另外，我们可以通过以下方式访问：

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

注意：为确保您必须在 Androidmanifest.xml 中设置 android:requestLegacyExternalStorage="true" - Android 10+ OS.

的标签

现在我的外部 CSS 文件工作如下：

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

希望这对其他人有所帮助。

Answer 2

在移动设备上 link html & css 的最佳和最简单的方法是使用内联 css .

无法从 Cordova 中的 phone 存储访问 CSS

Not able to access CSS from the phone storage in Cordova

html

css

android

cordova

phonegap