PhoneGap 相对 URL

Question

我已经使用 jQTouch 构建了一个移动网站，现在我一直在努力让该网站与 PhoneGap 一起使用。对于 PhoneGap，我已将大部分资源（页面、图像、JS、CSS 等）移至 www 目录中，但我仍然需要通过 Ajax 加载一些动态内容。在移动网站上，我使用相对 URL 来加载其他内容。然而，对于 PhoneGap，我还没有找到使用相对 URL 访问我的移动网站的方法，而被迫使用绝对 URL。我的问题是：有没有办法在 PhoneGap 中使用相对 URL？ 也许可以在 PhoneGap 初始化期间设置基本 URL？

Answer 1

使用 PhoneGap 时，主要文件将位于手机上，因此相关文件将与手机上的位置相关。

如果您需要访问远程服务器（您的移动站点）上的文件，则必须绝对指定它。

如果您的 PhoneGap 应用程序中的主 HTML 页面位于 file://www/index.html 并且您尝试访问相关文件（例如“logo.png”），因此指定 < ;img src="logo.png" /> 您确实是从 file://www/logo.png 获取的。

如果您确实想要远程网站上实际存在的 logo.png 版本，则必须提供完整（绝对）路径，否则浏览器无法知道当您指定“logo.png”时您指的是那个版本在“http://www.your-site.com/logo.png”。

Answer 2

您可以尝试使用标签。这会将您的基本 URL 设置为您需要的任何内容：

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

请注意，这意味着现在您的本地脚本需要采用绝对形式：

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

请参阅这个其他问题以获取有关此说明的更多信息。那里的人建议在本地相对 URL 之前添加一个点 (.)，尽管我没有测试这一点：

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

Answer 3

我知道这已经是 6/7 年前的事了，但对于其他因同样问题来到这里的人来说......
这里有一个解决方案，因为没有更“打包”的解决方案：

3 个快速步骤：

1) 将您的网站域存储在全局 JavaScript 变量中

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

2) 使用临时变量将相对路径添加到 currentloc

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

3) 如果您确实更改了从站点调用相对路径的假定“位置”，请调整 currentloc

currentloc = currentloc + '/new/path'

** 只要记住您是否将 currentloc 设置为您需要的全局变量即可跟踪这些变化。

希望这有帮助。