PhoneGap Relative URL

Question

I\'ve build a mobile site using jQTouch, and now I\'ve been working to get that same site working with PhoneGap. For PhoneGap, I\'ve moved most all of the assets (pages, im

Answer 1

You can try using the <base> tag. This will set your Base URL to whatever you need:

<base href="http://yourdomain.com/">
<script src="js/remotescript.js"></script>

Note this means now your local scripts need to be in absolute form:

<script src="http://localhost/js/phonegap.js"></script>

See this other question for more info regarding this note. The guy there suggests to prepend a dot (.) before the local relative URL, though I didn't test this:

<script src="./js/phonegap.js"></script>

Answer 2

I know this is 6/7 years old, but for any others arriving here for the same question... Here's a solution, since there isn't a more "packaged" one:

3 quick steps:

1) Store your site domain in a global javascript variable

var currentloc = 'https://example.com'

2) Use temporary variable to add your relative path to currentloc

var relpath = '/need/jsonex'
var ajaxcall = currentloc + relpath
$.ajax({...

3) Adjust currentloc if you do change the supposed "location" that you're calling relative path from on site

currentloc = currentloc + '/new/path'

** just remember if you make currentloc a global variable you need to keep track of these changes.

Hope this helps.

Answer 3

When using PhoneGap the main files will be on the phone so relative files will be relative to the location on the phone.

If you need to access a file on a remote server (your mobile site) then it must be specified absolutely.

If your main HTML page within your PhoneGap app is at file://www/index.html and you try and access a relative file (say "logo.png") and so specify <img src="logo.png" /> you're really getting it from file://www/logo.png.

If you actually wanted the version of logo.png which is actually on your remote website, you have to provide the full (absolute) path or there's no way for the browser to know that when you specify "logo.png" you mean the one at "http://www.your-site.com/logo.png".