Android PhoneGappedアプリでJavaScriptファイルが動作しない、jQueryモバイルが使用されていない

私はHTML5、CSS3、JavaScript、およびいくつかのjQueryで構築したハイブリッドアプリを持っています。私はFireBaseを使ってデータを保存しています。私のPhoneGapアプリケーションがデバイス（Android）になるまで、すべてがうまくいきます。それはサーバーのコンテンツを読み込むので、私はインターネットが問題ではないことを知っています。 HTMLとCSSは正常に動作します。しかし、私の.jsファイルが無視されているような機能はありません。これまでに撮影したステップ：Android PhoneGappedアプリでJavaScriptファイルが動作しない、jQueryモバイルが使用されていない

config.xmlファイルに含まれている<access origin="*" />を確保し、

AndroidManifest.xmlファイルに含まれている<uses-permission android:name="android.permission.INTERNET" />を確保し、

すべて<script>タグを確保は<body>に含まれています各HTMLファイルのタグ

保証されたindex.htmlは、app initコードを含む元のPhoneGap index.jsファイルを保持しており、すべて私の<script>タグが読み込まれた後、

保証されたindex.htmlには、プロジェクトのすべての<script>タグが含まれています。

<html> 
    <head> 
    <meta charset="utf-8" /> 
    <meta name="format-detection" content="telephone=no" /> 
    <meta name="msapplication-tap-highlight" content="no" /> 
    <meta name="viewport" content="user-scalable=no, initial-scale=1, maximum-scale=1, minimum-scale=1, width=device-width" /> 
    <meta http-equiv="Content-Security-Policy" content="default-src * 'unsafe-inline' gap:; style-src 'self' 'unsafe-inline'; media-src *" /> 
    <link rel="stylesheet" href="css/customFitStyling.css" type="text/css"> 
    <link rel="stylesheet" href="css/w3c_v4.css" type="text/css"> 
    <title>CustomFit</title> 
    </head> 
    <body> 

    <!--CONTENT--> 

    <script type="text/javascript" src="cordova.js"></script> 
    <script type="text/javascript" src="js/index.js"></script> 
    <script type="text/javascript"> 
     app.initialize(); 
    </script> 
    <script type="text/javascript" src="js/jquery-3.2.1.min.js"></script> 
    <script type="text/javascript" src="js/customFitFunctions.js"></script> 
    <script type="text/javascript" src="js/setFalseBool.js"></script> 
    </body> 
</html>

出典

2017-11-20 Brian

CSPメタタグを開いたままにしているのはなぜですか？ – ghybs

あなたはあなたのcssタグでやったように、すでに相対スクリプトURLの./（ポイントアンドラッシュ）を削除しようとしましたか？この[回答]（https://stackoverflow.com/a/25043877/2401386）も同様に役立ちます。 – Blauharley

@ghybsこれは私のソースコードからコピーアンドペーストするのは間違いでした。 – Brian

コメントこの：

以下は、あなたの検査のためPhoneGappedのindex.htmlファイルです。

<!--<meta http-equiv="Content-Security-Policy" content="default-src * 'unsafe-inline' gap:; style-src 'self' 'unsafe-inline'; media-src *" />-->

出典

2017-11-24 09:49:09

あなたの提案に感謝しますが、うまくいきませんでした。私は恐れています。 – Brian

これに興味があるかどうかはわかりませんが、最終的に問題が分かりました。それはそれはそのはになって何が、ブラウザ上でも電話で絶対に正常に動作します

// Set latest workout. 
var title = JSON.parse(localStorage.workout); 
$("#latest").text("Latest: " + title.title);

：私は私の機能ファイルの先頭にコードのこの部分を持っています。しかし、その後に来るすべての機能が壊れます。私がconsole.log() localStorage.workout変数を使用すると、期待通りに3つの配列を含むオブジェクトがログに記録されます。 JSON.parseをこのオブジェクトに置き換えると、コードは同じように機能し、すべての機能が再び機能し始めます。誰が何が起こっているのか分かっていますか？

出典

2017-11-29 10:38:10 Brian

Android PhoneGappedアプリでJavaScriptファイルが動作しない、jQueryモバイルが使用されていない

答えて

関連する問題