Question

我正在使用phonegap测试聚合物。当我尝试使用phonegap应用程序时，它正在工作但是当我使用adobe build构建它并使用我的设备尝试它时显示一个空白屏幕。这是代码：

    <!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。感谢。

Answer 1

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

聚合物应用程序与phonegap显示空白屏幕

1 个答案: