Cordova Hybrid App在Windows 10上无法正常运行

时间:2016-09-29 07:10:59

标签: cordova windows-10-mobile telerik-appbuilder

我与Telerik Appbuilder开发了一个Cordova混合应用程序,它适用于所有平台,Android,iOS和Windows Phone 8.1。但是,当我在Windows 10设备上启动应用程序时,按钮和标签页未正确显示。

以下是Windows Phone 8.1上的图片: enter image description here

以下是我的Windows 10设备上的内容: enter image description here

正如您所看到的,按钮中的文字没有居中,并且在标签按钮上有一个类似白色箭头的图标。

此外,我无法构建应用程序并将其部署到Windows 10设备。我总是收到以下错误:

Build and Deploy: 'Unable to build and deploy KBS.InsectFinder on one or more devices. For more information, see the log.'
Error when installing the app. A runtime error has occured. Correct the Capabilities-Values in the file "WMAppManifest.xml".

我的问题是,我如何构建应用以使其在Windows 10设备上正常运行?

以下是tabstrip的代码:

<div data-role="footer">
   <div data-role="tabstrip" id="tabstrip" data-select="onSelect">
      <a href="views/home.html" id="homeTabstrip">Home</a>
      <a href="views/Settings.html" id="settingsTabstrip">Einstellungen</a>
   </div>
</div>

CSS:

#tabstrip .km-icon {
   background-repeat:no-repeat;
   -webkit-background-clip: border-box;
   background-size: 100% 100%;
}

#homeTabstrip.km-state-active span.km-icon {
    background-image: url("../../Images/Icons/home_active.png");
}

#homeTabstrip .km-icon {
    background-image: url("../../Images/Icons/home_inactive.png");

}

#settingsTabstrip.km-state-active span.km-icon {
    background-image: url("../../Images/Icons/gearwheel_active.png");
}

#settingsTabstrip .km-icon {
    background-image: url("../../Images/Icons/gearwheel_inactive.png");

}

以下是按钮的代码:

<button data-role="button" id="login" style="margin-left: 15px; width: 200px;">Abschicken</button>

<div style="margin-left: 15px;">
   <b>Synchronisation</b> <br />

   <button data-role="button" id="syncButton" style="width: 200px;">Synchronisation</button> <br />
</div>  

0 个答案:

没有答案