资产的PhoneGap和根URL路径

时间:2012-01-10 22:10:52

标签: iphone jquery-mobile cordova

假设我有一个使用根网址路径的移动网站来包含资产,例如:

<link rel="stylesheet" href="/_assets/css/jquery.mobile.theme.css" />
<link rel="stylesheet" href="/_assets/css/jquery.mobile.structure-1.0.min.css" />

在PhoneGap中,我似乎无法以这种方式链接到文件。在我的index.html文件中,它们必须是相对路径,例如:

<link rel="stylesheet" href="_assets/css/jquery.mobile.theme.css" />

但是我的目录结构深处的文件怎么样,比如/sub/dir/index.html。使用相对路径我将不得不使用以下内容:

<link rel="stylesheet" href="../../_assets/css/jquery.mobile.theme.css" />

是否可以以某种绝对方式引用此文件?我没有成功尝试以下内容:

<link rel="stylesheet" href="/www/_assets/css/jquery.mobile.theme.css" />
<link rel="stylesheet" href="file:///www/_assets/css/jquery.mobile.theme.css" />
<link rel="stylesheet" href="file://www/_assets/css/jquery.mobile.theme.css" />
<link rel="stylesheet" href="local:///www/_assets/css/jquery.mobile.theme.css" />
<link rel="stylesheet" href="local://www/_assets/css/jquery.mobile.theme.css" />
<link rel="stylesheet" href="file:///_assets/css/jquery.mobile.theme.css" />
<link rel="stylesheet" href="file://_assets/css/jquery.mobile.theme.css" />
<link rel="stylesheet" href="local:///_assets/css/jquery.mobile.theme.css" />
<link rel="stylesheet" href="local://_assets/css/jquery.mobile.theme.css" />

甚至可能还有一些尝试。我真的更喜欢不必使用相对网址,所以希望有一些可能。

3 个答案:

答案 0 :(得分:2)

我建议检查PhoneGap on iOS with absolute path URLs for assets?第二个答案显示“真正的”绝对路径,如下所示: file:///var/mobile/Applications/7D6D107B-D9DC-479B-9E22-4847F0CA0C40/YourApplication.app/www/... 不是我依赖的东西。

答案 1 :(得分:0)

我认为正确的href是(例如,jquery.mobile.theme.css):

    "file:///www/android_assets/css/jquery.mobile.theme.css"

答案 2 :(得分:0)

Android上的图片存在同样的问题。在本地浏览器中工作正常,但是当我在Android设备上部署应用程序时,图像将无法加载。

在jquery移动示例中,我将_assets目录替换为资源,然后将URL更改为指向此文件夹,它对我有效。