2017-09-07 86 views
0

我對PhoneGap比較陌生,雖然熟悉HTML,CSS和jQuery本身。否則使用WebStorm默認PhoneGap listview formatting

<!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中獲取listview的正確方法嗎?

回答

3

沒有「正確」的方式來顯示PhoneGap/Cordova的東西,所以你做的很好。您只需構建Web應用程序即可。

然而,PhoneGap/Cordova的不同之處在於,您的JavaScript代碼基本上作爲應用程序運行,並且可能訪問瀏覽器中網站沒有的系統資源。所以作爲開發者,你應該特別注意你加載和執行的遠程腳本。

這就是Content-Security-Policy標籤進來的地方。它基本上將允許加載的內容列入白名單,並且所有的JQuery內容都不被允許,這就是爲什麼它只在刪除標籤時才起作用。