android - 如何在 phonegap 中从手机加载和导入 CSS/JS 文件？

Question

我使用 javascript 代码将 CSS 文件下载到手机。

代码运行良好，并将 CSS 文件保存在此路径中:

file:///data/user/0/com.my.app/files/file.css

现在我想用这样的 html 代码(在我的服务器中)在本地加载它:

<link rel="stylesheet" href="file:///data/user/0/com.my.app/files/file.css">

但它不起作用。

我也试过直接把css文件放到www文件夹下的一个css文件夹里的包(.apk和.ipa)，但是这段代码也行不通:

<link rel="stylesheet" href="file:///android_asset/www/css/file.css">

有没有办法从手机本地加载 CSS/JS 文件？

编辑:

我的 phonegap 应用程序在 www 目录中有一个 index.html 文件，它只是重定向到我的服务器(即 http://www.myserver.com )。我想做的是在我的服务器中导入 CSS 或 JS 文件，然后直接从手机中获取它们。

也许我可以使用 iframe(在 index.html 文件中)并在我的服务器中加载所有代码而不是使用重定向？

Answer 1

在第二次尝试中，您将文件放在 www 根文件夹的 css 子文件夹中。这是正确的方法，但是您需要使用这样的相对路径来引用它:

<link rel="stylesheet" type="text/css" href="css/file.css" />

编辑

首先，如果您的应用重定向到服务器，Apple 和其他商店可能会拒绝您的应用。根据Apple's guidelines ，您的应用程序必须具备不仅仅是“重新打包的网站”的功能。

话虽如此，由于您要重定向到服务器，所以您的 CSS(和 JS)最好留在服务器上，而不是在本地导入。只需确保您的网页在浏览器中正常工作，并以标准方式链接到服务器上的 CSS 文件，当您的应用重定向到它时，它会正常工作。

当然，您需要将您的网站列入白名单，但我假设您已经这样做了。