Cordova Phonegap是否支持根相对路径?最佳实践是什么?

Cordova Phonegap是否支持根相对路径?最佳实践是什么?,cordova,ionic-framework,phonegap,Cordova,Ionic Framework,Phonegap,看完后我真的很困惑 还有几个问题: Phonegap是否支持根相对路径?例如,对于混合移动开发,他们在以下方面有这样的路径: Phonegap路径的最佳实践是什么 基本上,在phone gap开发中,与代码相关的所有内容都位于www文件夹中 -myApp -www -index.html -img -js -css -libraries -templates 最好只将文件引用为js/file.js和css/f

看完后我真的很困惑 还有几个问题:

  • Phonegap是否支持根相对路径?例如,对于混合移动开发,他们在以下方面有这样的路径:

  • Phonegap路径的最佳实践是什么


基本上,在phone gap开发中,与代码相关的所有内容都位于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中构建应用程序并在手机上进行测试时,它将显示不正确,因为它没有任何对该服务器根的引用,并将其引用为
文件://

绝对路径

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

远程服务器


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

我在尝试解决相同/类似的问题时偶然发现了这条老线索,因为图像没有在设备上渲染,但奇怪的是,在使用实时服务器或Chrome浏览器运行时会渲染

如果您正在阅读本文,则图像的文件规范也区分大小写。Chrome不在乎,但Cordova(Phonegap)在乎

请参阅此链接

您可以在config.xml中添加prefrence标记,如下所示

<preference name="scheme" value="app" />


在cardova&phonegap中,他们使用自定义协议(app://)来引用本地可用的文件。

感谢您的回答。然而,它主要涉及第二个问题。你能给我更多关于根相对路径的细节吗?我找不到任何关于它的文件。那么,对于带有src=“//Ionic/js/Ionic.bundle.min.js”的爱奥尼亚风格呢?@natvarun所以,爱奥尼亚人把事情搞砸了,现在就把它修好;)在我的例子中,设置与
index.html
相关的路径不起作用
library/css/libs/slick/slick.js
导致
file:///library/css/libs/slick/slick.js
曾经封装在Android应用程序中,但显然找不到。你明白我为什么要面对这种行为吗?我想你应该开始一个新的线程-不太可能有人会在评论中回答+这是一种不好的做法,并不真正符合堆栈规则