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

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

代码也可以,它将CSS文件保存在此路径中:

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

现在我想在本地加载一个html代码(在我的服务器中),如下所示:

  

但它不起作用。

我还尝试将CS​​S文件直接放在www文件夹的css文件夹中的包(.apk和.ipa)中,但是这段代码也不起作用:

  

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

编辑:

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

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

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

  

编辑

首先,如果您的应用重定向到服务器,Apple和其他商店将拒绝您的应用。 根据Apple的指导原则 ,您的应用必须具备的function不仅仅是“重新包装的网站”。

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

当然,您需要将您的网站列入白名单,但我认为您已经这样做了。

在本地读取文件时,我必须做类似的事情,以便在页面中包含一些内容。

您应该能够使用此方法并将CSS应用到页面上的STYLE标记与使用LINK。 您可能需要调整路径以使其正确。

 var filePath = "/android_asset/www/css/file.css"; $.get(filePath, function (data) { $("#css-container").append(filePath); });