2015-07-10 89 views
1

我試圖通過使用聚合物(0.5)製作的phonegap(3.7)(build.phonegap.com)構建示例應用程序。構建成功。但是,當我在我的android(v4.4 +)設備上安裝應用程序時,我看不到聚合物元素(我剛剛插入了一個<paper-checkbox>進行測試)。所有其他簡單的HTML元素都正常渲染。聚合物:無法查看Android設備中的聚合物元素

我讀了關於HTML導入的android webview支持,所以我試圖硫化index.html,但它沒有幫助。但我可以通過在筆記本電腦上運行python SimpleHTTPServer來查看聚合物元素,並且在瀏覽器javascript控制檯中沒有錯誤(failed to load resource.. cordova.js除外)。

這裏的的index.html(非硫化版)我已經創建:

<!DOCTYPE html> 
<html> 
<head> 
    <meta charset="utf-8" /> 
    <meta name="format-detection" content="telephone=no" /> 
    <meta name="msapplication-tap-highlight" content="no" /> 
    <!-- WARNING: for iOS 7, remove the width=device-width and height=device-height attributes. See https://issues.apache.org/jira/browse/CB-4323 --> 
    <meta name="viewport" content="user-scalable=no, initial-scale=1, maximum-scale=1, minimum-scale=1, width=device-width, height=device-height, target-densitydpi=device-dpi" /> 

    <link rel="stylesheet" type="text/css" href="css/index.css" />  
    <link rel="import" href="res/bower_components/paper-checkbox/paper-checkbox.html"> 

    <script type="text/javascript" src="res/bower_components/webcomponentsjs/webcomponents.js"></script> 
    <script type="text/javascript" src="cordova.js"></script> 
    <script type="text/javascript" src="js/index.js"></script> 

</head> 
<body> 
    <div class="app"> 
     <h1>PhoneGap</h1> 
     <div id="deviceready" class="blink"> 
      <h3>POLYMER!</h3> 
     </div> 
     <br> 
      <p>Introducing Polymer element next...</p> 
      <hr> 
      <paper-checkbox></paper-checkbox> This is a polymer checkbox 
      <hr> 
    </div> 



    <script type="text/javascript"> 
     app.initialize(); 
    </script> 
</body> 

下面是該項目

  • config.xml中
  • 的目錄結構
  • 掛鉤
  • platf奧姆斯
  • 插件
  • WWW
    • config.xml中
    • CSS
    • 的icon.png
    • IMG
    • 的index.html
    • JS
      • index.js
    • RES
      • bower_components
        • 聚合物
        • webcomponentsjs
      • 圖標
      • 屏幕
    • 規格
    • spec.html


有什麼我失蹤?請幫忙。謝謝!

問候, Soumya

+0

我嘗試了聚合物作爲來自我的朋友[Oswald Campesato]的請求(http://www.amazon.com/gp/search/ref=a9_sc_1?keywords=oswald+campesato)。它不起作用。他是[硅谷的Web組件聚會]組織成員之一(http://www.meetup.com/Web-Components-Silicon-Valley-Meetup/)。你可能可以向他們尋求幫助。 – JesseMonroy650

+0

謝謝JesseMonroy650,我會盡力達到他們。 –

+0

我相信是因爲使用舊瀏覽器的設備上的聚合物不兼容。 Android使用其原有的瀏覽器來顯示我們的phonegap項目。不幸的是它不支持像dom API這樣的最新技術。 – NarayaN

回答

0

我看到這個issue從使用聚合物在github上的圖書館。它說它不支持低於Android 4.4(可能)的支持設備。我正在嘗試與科爾多瓦人行橫道整合,看看我能否實現它。 4.4之前的低版本Android的股票瀏覽器真的很糟糕。我真的很難讓我的網絡應用程序在低端設備上工作。

有些問題,像老舊的網頁瀏覽一樣,極其緩慢的js性能,異常情況和bug非常猖獗。我們現在可以做的是使用不同的web視圖來包裝我們的應用,例如使用Cordova和Crosswalk,也可以從我上面提供的鏈接中建議。

希望這會有所幫助。