在iOS上阅读带有资产的绝对路径URL的PhoneGap后,我真的很困惑, 并且有几个问题:
Phonegap是否支持根相对路径?例如,混合移动开发的Ionic框架在他们的样本中有这样的路径:
Phonegap的最佳做法是什么?
Varun Nath.. 10
基本上在手机间隙开发中,与代码有关的所有内容都存在于www文件夹中.
-myApp -www -index.html -img -js -css -libraries -templates
最好的方法是将文件引用为js/file.js
和css/file.css
相对于index.html.
根相对路径可能会发生冲突,具体取决于平台,因此将是一种不必要的麻烦.
根相对路径:
做这样的事情:
如果您有本地服务器设置并将myApp/www
文件夹设置为根目录,这将在您的浏览器中工作.
但是当您在cordova中构建应用程序并在手机上进行测试时,它将显示不正确,因为它没有任何对该服务器根目录的引用并将其引用为file:///
.
绝对路径
绝对路径需要您提及完整地址.在创建应用程序时,您的代码位于该myApp/www
文件夹中.但是当你构建应用程序(假设是android)时,它会移动到该platforms/android/assets/www
文件夹.所以你的绝对路径将再次出错.
远程服务器
您的应用程序显然与远程服务器交互.如果将图像存储在远程服务器上,则必须在应用程序中使用绝对路径引用它们.
基本上在手机间隙开发中,与代码有关的所有内容都存在于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
文件夹.所以你的绝对路径将再次出错.
远程服务器
您的应用程序显然与远程服务器交互.如果将图像存储在远程服务器上,则必须在应用程序中使用绝对路径引用它们.