2012-01-10 25 views
10

Powiedzmy mam mobilną stronę internetową, która używa ścieżek korzeń URL w tym aktywa, takie jak:PhoneGap i korzeń URL ścieżki dla aktywów

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

W PhoneGap, nie wydaje się, że mogę nie odwołuje się do pliki w ten sposób. Na moim pliku index.html musieliby być ścieżki względne, takie jak:

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

ale co plik znajduje się głęboko w strukturze katalogów, jak /sub/dir/index.html. Używając ścieżek względnych, musiałbym użyć następującego:

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

Czy można w jakikolwiek sposób odnieść się do tego pliku? Próbowałem następujących rzeczy bez powodzenia:

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

i prawdopodobnie jeszcze kilka innych próśb. Naprawdę wolałbym nie używać względnych adresów URL, więc mam nadzieję, że jest coś możliwego.

Odpowiedz

2

sugeruję sprawdzenie PhoneGap on iOS with absolute path URLs for assets? druga odpowiedź pokazuje „prawdziwą” drogę absolut, który jest mniej więcej tak: file:///var/mobile/Applications/7D6D107B-D9DC-479B-9E22-4847F0CA0C40/YourApplication.app/www/... Nie coś chciałbym polegać.

0

myślę prawidłowe href jest (na przykład jquery.mobile.theme.css):

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

Mam ten sam problem z obrazami na Androida. W lokalnej przeglądarce działa dobrze, ale kiedy wdrażam aplikację na moim urządzeniu z Androidem, obrazy się nie ładują.

W mobilnym przykładzie jquery zastępuję katalog _assets zasobami, a następnie zmienia adresy URL, aby wskazywały na ten folder i działa on dla mnie.

+1

Zapomniałem: Musisz zmienić ścieżkę we wszystkich plikach html, css lub js: 'for i in $ (grep" _assets "* -R | cut -d": "-f 1); do sed "s/_assets/assets/gi" -i $ i; done' –