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路径的最佳实践是什么
-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应用程序中,但显然找不到。你明白我为什么要面对这种行为吗?我想你应该开始一个新的线程-不太可能有人会在评论中回答+这是一种不好的做法,并不真正符合堆栈规则