PhoneGap and root url paths for assets

Question

Let's say I have a mobile website that uses root url paths for including assets, such as the following:

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

In PhoneGap, it does not appear that I can link to the files in that manner. On my index.html file they would have to be relative paths, such as:

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

But what about a file located deep in my directory structure, like /sub/dir/index.html. Using relative paths I would have to use the following:

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

Is it possible to refer to this file in some absolute manner? I have tried the following without success:

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

and probably even a few more just to try. I would really prefer to not have to use relative urls, so hopefuly there is something possible.

Answer 1

I suggest checking PhoneGap on iOS with absolute path URLs for assets? the second answer shows the "true" absolut path which is something like this: file:///var/mobile/Applications/7D6D107B-D9DC-479B-9E22-4847F0CA0C40/YourApplication.app/www/... Not something i'd rely on.