Ionic app在Android设备中与在桌面浏览器中看起来不一样

时间:2015-03-03 04:47:38

标签: android angularjs frameworks ionic

我对离子/ AngularJS / Cordova应用程序开发真的很陌生,所以我面临一些问题,那些对这个主题有更好理解力的人比我能轻松修复。

我成功安装了使用已经提到的框架开始开发所需的所有组件。

安装完成后,我开始尝试一些示例,并设法创建一个非常简单的应用程序,只有一个侧面菜单。

当我使用ionic serve命令测试我真正简单的应用程序时,应用程序在我的浏览器中启动(应该如此)并按照我期望的方式工作。

当我输入离子运行android命令时,我的问题出现了。

该应用程序已构建完成,然后将其安装到我的Android虚拟设备中,稍后启动该应用程序时没有错误。

但问题是我的AVD中运行的应用程序与浏览器中的应用程序看起来不一样。看起来好像有些样式缺失了什么。

我知道这可能是一件非常容易解决的事情,我只是缺席了。

提前致谢。 :)

1 个答案:

答案 0 :(得分:2)

Ionic框架基于运行app的平台呈现UI布局,以提供接近本机外观的感觉。这是根据框架的设计。如果您想控制渲染,即在所有平台上拥有相同的外观,您可以在应用中使用$ionicConfigProvider服务并进行适当的更改。 http://ionicframework.com/docs/api/provider/ $ ionicConfigProvider /

另外,为了了解UI和iOS中的UI外观,您可以使用以下命令 ionic serve --lab

有关离子cli的更多选项,请阅读此http://ionicframework.com/docs/cli/test.html