0

簡単に言えば、HTML/CSS/JS と Phonegap を使用してアプリを作成しました。まだテスト段階です。アプリのすべての画像を Google Cloud Storage (GCS) に保存しています。アプリ内にイメージ タグ (div) があり、これらのイメージを GCS から特定の div にプルする必要があります。ただし、直接 URL を追加するだけのこの方法は、iOS デバイスでのみ機能するようです。私が知る必要があるのは、すべてのプラットフォーム (iOS、Android、BlackBerry など) で動作するように、これらの画像を GCS からアプリにプルする正しい方法は何ですか? 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