Phonegap是否支持根相对路径？什么是最佳做法？

Question

在iOS上阅读带有资产的绝对路径URL的PhoneGap后,我真的很困惑, 并且有几个问题:

• Phonegap是否支持根相对路径？例如,混合移动开发的Ionic框架在他们的样本中有这样的路径:

  <script src="//ionic/js/ionic.bundle.min.js"></script>

• Phonegap的最佳做法是什么？

Answer 1

基本上在手机间隙开发中,与代码有关的所有内容都存在于www文件夹中.

-myApp
   -www
      -index.html
      -img
      -js
      -css
      -libraries
      -templates

最好的方法是将文件引用为js/file.js和css/file.css相对于index.html.

根相对路径可能会发生冲突,具体取决于平台,因此将是一种不必要的麻烦.

根相对路径:

做这样的事情:

<link href="/css/app.css">

如果您有本地服务器设置并将myApp/www文件夹设置为根目录,这将在您的浏览器中工作.

但是当您在cordova中构建应用程序并在手机上进行测试时,它将显示不正确,因为它没有任何对该服务器根目录的引用并将其引用为file:///.

绝对路径

绝对路径需要您提及完整地址.在创建应用程序时,您的代码位于该myApp/www文件夹中.但是当你构建应用程序(假设是android)时,它会移动到该platforms/android/assets/www文件夹.所以你的绝对路径将再次出错.

远程服务器

您的应用程序显然与远程服务器交互.如果将图像存储在远程服务器上,则必须在应用程序中使用绝对路径引用它们.