移动浏览器上的离子侧菜单工作不顺畅

时间:2014-08-04 13:25:17

标签: mobile-website frame-rate ionic-framework

我正在使用离子侧面菜单开发移动网络应用程序,但它并不像它应该的那样平滑。当我使用向左/向右滑动打开侧面菜单时,我的速度低于30 FPS,如图所示。

 Timeline of ionic sidemenu toggle

如何提高性能?
达到60 FPS会很棒!

2 个答案:

答案 0 :(得分:2)

AppGyver Steroids tooling还为您提供Android上Crosswalk的访问权限。您可以直接run it in your Ionic project而无需修改任何文件。

此外,Supersonic's sidemenu /抽屉是完全原生的,所以如果您正在进行迁移,它会更快地运行。 :)

(免责声明:我是AppGyver的程序员。)

答案 1 :(得分:1)

我的建议是使用Crosswalk代替Cordova作为应用的网页浏览。

虽然两者都有相同的最终目标,但它们是不同的:

    来自Apache Foundation的
  • Cordova 使用常规(pre-lollipop)Android webview,该浏览器自成立以来一直基于Android的股票浏览器。
  • 在英特尔开源技术中心创建的 Crosswalk Project 与众不同。它用Chromium封装你的应用程序,这是开源的基础代码,它产生了谷歌Chrome,它带来了许多性能增强:css3转换,动画,3d转换,html5支持,远程调试以及更好的javascript支持和性能。

在撰写本文时,Ionic团队已经在开发使用Crosswalk而非Cordova的测试版(1.3.0-beta1)。现在还不是很稳定,但却是一个巨大的希望。

无论如何,今天你可以通过手动复制你的Ionic项目的'www'来使用Crosswalk 文件夹内容到Crosswalk文件夹内的项目文件夹并运行它。您之前需要设置一些清单文件,因此请阅读文档。

无论如何,尝试并不难,我会每天为Lollipop之前的所有项目推荐它。如果您的目标是Lollipop / Android 5版本,则不需要它,因为这些版本中的默认Webview已经基于Chrome。

希望它有所帮助。