0

Android用に構築されたPhonegap(Cordova 2.0.0)アプリがあり、jQuery Mobile+Backbone.jsで実行されています。エミュレーターでテストすると、正しく動作します(ブラウザーの場合と同じように実行され、CSSとJSが表示されます)。

署名して非デバッグデバイスにインストールすると、CSSとJSなしで実行されます(したがって、基本的に、JSを実行しないスタイルなしのHTMLドキュメントが表示されます)。

私のアプリの本体は次のとおりです。

<!DOCTYPE html>
<html>
  <head>
  <title>My App</title>

    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no;" />
    <meta charset="utf-8">

     <link rel="stylesheet" href="libraries/jquery.mobile-1.1.1.min.css" />
     <link rel="stylesheet" href="assets/css/style.css" />

     <script src="http://localhost:8080/target/target-script-min.js#anonymous"></script>

    <script type="text/javascript" charset="utf-8" src="libraries/cordova-2.0.0-ios.js"></script>
    <script src="libraries/jquery-1.7.2.min.js"></script>
        <script src="libraries/underscore.js"></script>
        <script src="libraries/backbone-min.js"></script>
        <script src="libraries/backbone.localStorage-min.js"></script>
        <script src="libraries/detect.js"></script>
        <script type="text/javascript" src="libraries/sha1.js"></script>
    <script type="text/javascript" src="app.js"></script>           

    <script type="text/javascript">

          var jqmReady = $.Deferred();
        var deviceReady = $.Deferred();

        /**
         * on load - manages dependency between jquery mobile and phonegap
         */
        function onBodyLoad()
        {
          // get device
          $.os = {};
        $.os.android = navigator.platform.indexOf("android")>=0;
        $.os.ios = navigator.platform.indexOf("iPhone")>=0 || navigator.platform.indexOf("iPad")>=0;

        // listen to device ready
        if ($.os.android || $.os.ios) {
            document.addEventListener("deviceready", deviceReady.resolve, false);
        }
        else {
          // must be in a browser, so immediately resolve
          deviceReady.resolve();
        }
        }

        $(document).bind("mobileinit", jqmReady.resolve);
        $(document).bind("mobileinit", function() { console.log('mobileinit'); });
        $(document).bind('pageinit', function() { console.log('pageinit'); });

        // when jquery mobile and device ready, then fire
        $.when(jqmReady, deviceReady).then(function() {
          console.log('Ready');
        // disable push state: http://jquerymobile.com/demos/1.1.1/docs/pages/page-links.html
        $.mobile.pushStateEnabled = false;
        App.init();
      });

      onBodyLoad();

    </script>           
  </head>
  <body onload="" data-lat="" data-lng="">

誰かがこれに遭遇したことがありますか?それが(絶対パスではなく)相対パスに関係しているのか、それともEclipseでどのようにパッケージ化するのか疑問に思いました。また、iPhoneでは問題なく動作します。

ありがとう。

4

0 に答える 0