PhoneGap и корневые URL-адреса для активов

Question

Допустим, у меня есть мобильный веб-сайт, который использует корневые URL-адреса для включения ресурсов, например:

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

и, возможно, еще несколько, чтобы попробовать.Я действительно предпочел бы не использовать относительные URL, так что, надеюсь, что-то возможно.

Answer 1

Я предлагаю проверить PhoneGap на iOS с URL-адресами абсолютного пути для активов? второй ответ показывает «истинный» абсолютный путь, который выглядит примерно так: file:///var/mobile/Applications/7D6D107B-D9DC-479B-9E22-4847F0CA0C40/YourApplication.app/www/... Не то, на что я бы положился.

Answer 2

У меня такая же проблема с изображениями на Android. В локальном браузере работает нормально, но при развертывании приложения на моем устройстве Android изображения не загружаются.

В примере jquery для мобильных устройств я заменяю каталог _assets на активы, а затем изменяю URL-адреса для указания на эту папку, и это работает для меня.

Answer 3

Я думаю, что правильный href (например, jquery.mobile.theme.css):

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