0

简而言之，我使用 HTML/CSS/JS 和 Phonegap 构建了一个应用程序。它仍处于测试阶段。我将所有应用程序的图像都保存在 Google Cloud Storage (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>
4

0 回答 0