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

 徐晨程东_324 发布于 2022-12-31 14:56

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

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

Phonegap的最佳做法是什么?

Varun Nath.. 10

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

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

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

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

根相对路径:

做这样的事情:


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

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

绝对路径

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

远程服务器

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

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

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

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

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

    根相对路径:

    做这样的事情:

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

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

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

    绝对路径

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

    远程服务器

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

    2022-12-31 14:58 回答
撰写答案
今天,你开发时遇到什么问题呢?
立即提问
热门标签
PHP1.CN | 中国最专业的PHP中文社区 | PNG素材下载 | DevBox开发工具箱 | json解析格式化 |PHP资讯 | PHP教程 | 数据库技术 | 服务器技术 | 前端开发技术 | PHP框架 | 开发工具 | 在线工具
Copyright © 1998 - 2020 PHP1.CN. All Rights Reserved 京公网安备 11010802041100号 | 京ICP备19059560号-4 | PHP1.CN 第一PHP社区 版权所有