如何在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).我想要做的是直接从手机导入我的服务器(http://www.example.com)中的CSS或JS文件.

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

Answer 1

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

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

编辑

首先，如果您的应用程序重定向到服务器，Apple 以及其他商店可能会拒绝您的应用程序。根据苹果的指导方针，你的应用程序必须具有不仅仅是“重新打包的网站”之外的功能。

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

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