Question

简而言之，我使用HTML / CSS / JS和Phonegap构建了一个应用程序。它仍处于测试阶段。我将所有应用的图片保存在Google云端存储（GCS）中。我的应用程序中有图像标记（div），需要将这些图像从GCS拉到特定的div。但是，这种仅添加直接URL的方法似乎只适用于iOS设备。我需要知道的是，将这些图像从GCS拉到我的应用程序的正确方法是什么，以便它适用于所有平台（iOS，Android，BlackBerry等）？我是否需要在index.html的头部添加一行代码，或者它是否与config.xml有关？我一直在寻找网上的答案，但没有什么能给我明确的结果，适用于所有平台。

我对整个“应用程序构建游戏”仍然相当新，请保持温和。

以下是一些代码：

    <!DOCTYPE html>
    <html>
    <head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width; height=device-height; initial-scale=1"/>
    <title>App Name</title>
    <link href="simple-flat.min.css" rel="stylesheet" type="text/css"/>
    <link href="jquery.mobile-1.3.1 /jquery.mobile.structure-1.3.1.min.css" rel="stylesheet" type="text/css"/>
    <link href="General.css" rel="stylesheet" type="text/css"/>
    <link href="owl-carousel/owl.carousel.css" rel="stylesheet" type="text/css"/>
    <script type="text/javascript" src="jquery.mobile-1.3.1 /demos/js/jquery.js"></script>
    <script type="text/javascript" src="jquery.mobile-1.3.1 /demos/js/jquery.mobile-1.3.1.min.js"></script>
    <script type="text/javascript" src="maps.js"></script>
    <script type="text/javascript" src="http://maps.google.com/maps/api/js?sensor=true"></script>
    <script type="text/javascript" src="cordova.js"></script>

    <script>var __adobewebfontsappname__="dreamweaver"</script>
    <script src="http://use.edgefonts.net/raleway:n1:default.js" type="text/javascript></script>

      <script type="text/javascript" charset="utf-8">

      function onLoad() {
      document.addEventListener("deviceready", onDeviceReady, false);
      }
      function onDeviceReady() {
      document.addEventListener("offline", onOffline, false);
      }
      function onOffline() {        
      navigator.notification.alert('Please check your internet connection', function() 
      {   },'Connection Failure','OK');
      window.location = "index.html#offline";  
      }

      </script>

      </head>
      <body onload="onLoad()">

      <div id="cultures" data-role="page" data-theme="a" >
    <div data-role="header" id="header" data-theme="a" data-position="fixed">
    <h1>Headline</h1>
    <div id="image" data-theme="c">
    <img src="http://commondatastorage.googleapis.com/about_namibia%2FHimba.jpg" width="100%"/></div>
    <div class="headline_bar"><h3>Cultures</h3></div>
     </div>

    <div data-role="content">
    <p>Some copy goes here.</p>
    </div>

    <div data-role="footer" id="footer" class="ui-bar" data-position="fixed">
    </div>
    </div>

    </body>
    </html>

提供给phonegap app的远程图像

0 个答案: