2017-09-07 16 views
0

私はPhoneGapに比較的新しいですが、HTML、CSS、jQueryに精通しています。 WebStormデフォルトPhoneGap listviewの書式設定

<!DOCTYPE html> 
<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 'self' data: gap: 'unsafe-inline' https://ssl.gstatic.com; style-src 'self' 'unsafe-inline'; media-src *" /> 
    <link rel="stylesheet" href="http://code.jquery.com/mobile/1.4.5/jquery.mobile-1.4.5.min.css" /> 
    <script src="http://code.jquery.com/jquery-1.10.2.min.js"></script> 
    <script src="http://code.jquery.com/mobile/1.4.5/jquery.mobile-1.4.5.min.js"></script> 
    <link rel="stylesheet" type="text/css" href="css/index.css" /> 
    <title>Hello World</title> 
</head> 

<body> 
<div id="home" data-role="page"> 
    <div data-role="content"> 
     <ul data-role="listview" data-inset="true"> 
      <li><a id="one" href="#one">one</a></li> 
      <li><a id="two" href="#two">two</a></li> 
     </ul> 
    </div> 
</div> 
    <div class="app"> 
     <h1>PhoneGap</h1> 

     <div id="deviceready" class="blink"> 
      <p class="event listening">Connecting to Device</p> 
      <p class="event received">Device is Ready</p> 
     </div> 
    </div> 
    <script type="text/javascript" src="cordova.js"></script> 
    <script type="text/javascript" src="js/index.js"></script> 
    <script type="text/javascript"> 
     app.initialize(); 
    </script> 
</body> 

</html> 

を使用してテストリストビュー・プログラムを実行する可視青色アンカーと箇条書きで、単純なリストビューを返しますがない正しいフォーマットを有します。 <meta http-equiv="Content-Security-Policy" content="default-src 'self' data: gap: 'unsafe-inline' https://ssl.gstatic.com; style-src 'self' 'unsafe-inline'; media-src *" />のコメントは試行錯誤で問題を解決しましたが、私はなぜそれがわかりません。

これはPhoneGap/Cordovaでリストビューを取得する正しい方法ですか?

答えて

3

PhoneGap/Cordovaでの表示に「正しい」方法がないため、何をしても問題ありません。 Webアプリケーションを構築する方法と同じです。

PhoneGap/Cordovaと異なる点は、JavaScriptコードが基本的にアプリとして実行され、ブラウザのWebサイトにはないシステムリソースにアクセスできることです。したがって、開発者は、ロードして実行するリモートスクリプトを細心の注意を払う必要があります。

これはContent-Security-Policyタグが入っている場所です。基本的に読み込みが許可されているものがすべて許可されていて、すべてのJQueryが許可されていないため、タグを削除したときだけ機能します。