2015-04-03 132 views
1

我正在用phonegap测试聚合物。当我用phonegap应用程序尝试此操作时,它正在工作,但是当我使用adobe build创建它时尝试使用我的设备显示空白屏幕。 这是代码:phonegap显示空白屏幕的聚合物应用程序

<!DOCTYPE html> 
    <html> 
    <head> 
    <script src="bower_components/paper/webcomponentsjs/webcomponents.js"> 

    </script> 
    <meta name="viewport" 
    content="width=device-width, minimum-scale=1.0, initial-scale=1.0,user-scalable=yes"> 
    <link rel="import" 
    href="bower_components/paper/font-roboto/roboto.html"> 
<link rel="import" 
    href="bower_components/paper/core-header-panel/core-header-panel.html"> 
<link rel="import" 
    href="bower_components/paper/core-toolbar/core-toolbar.html"> 
<link rel="import" 
    href="bower_components/paper/paper-tabs/paper-tabs.html"> 
    <link rel="import" 
    href="bower_components/paper/paper-elements/paper-elements.html"> 
     <link rel="import" 
    href="bower_components/paper/core-drawer-panel/core-drawer-panel.html"> 
<style> 
html,body{ 
    height : 100%; 
    margin : 0; 
    background-color:#e5e5e5; 
    font-family : 'RobotoDraft' , 'sans-serif'; 
    -webkit-tap-highlight-color : rgba(0,0,0,0); 
}  
core-toolbar { 
    background-color:#4285f4; 
    color : white; 

} 
.dropdown{ 

    color : black; 

} 
</style> 
    <script> 
       app.initialize(); 
    </script> 
</head> 
<body> 
<core-toolbar> 

    <paper-icon-button icon = "menu"> 

    </paper-icon-button> 

    <span flex>Hello world</span> 
    <paper-menu-button> 
    <paper-icon-button icon = "create"></paper-icon-button> 
     <paper-dropdown class = "dropdown" halign = "right"> 
      <paper-menu> 
       <paper-item><div id = "hi">hi</div></paper-item> 
      </paper-menu> 
     </paper-dropdown> 
    </paper-menu-button> 

    </core-toolbar> 
    <paper-button>Test</paper-button> 
</body> 
</html> 

我做了其他应用程序,但不是与PhoneGap的工作聚合物。 我正在运行android 5.0.2。 谢谢。

+0

我看不到'cordova.js' – Adi 2015-04-03 09:47:27

+0

我忘了添加它!我补充说,但它没有帮助。 – chin123 2015-04-13 12:17:45

回答

0

禁用硬件加速是一种(丑陋的)解决方法。

相关问题