Question

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

<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" />

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

Answer 1

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

Answer 2

我认为正确的href是（例如，jquery.mobile.theme.css）：

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

Answer 3

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

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

资产的PhoneGap和根URL路径

3 个答案: