为什么科尔多瓦甚至对css变换都很慢？

我一直在使用cordova构建一个要求苛刻的混合应用程序,并注意到与我在移动Chrome中运行网站时相比,它通常很慢.我听过一些对我没有意义的论点：

>移动设备中的CSS动画很慢(如果这是真的,那么网站在移动设备上也会运行缓慢,这不是真的)
> cordova建立在chrome之上(css转换应该与cordova无关,chrome应该能够很好地渲染它们)

cordova默认是否限制gpu chrome可以使用的数量？是否有一些我可以调整以改善css过渡性能的设置？

解决方法

只有当您希望他使用GPU时,Chrome才会使用它.

一个例子 ：

.nav-show {
    transform:translate(200px,200px);
    transition: transform 500ms linear;
}

将不会使用GPU渲染.相反,要强制GPU工作,您可以使用：

.nav-show {
    transform: translate3d(200px,200px,0);
    transition: transform 500ms linear;
}

有关更多信息,我发现了cool article about it.

我不知道你还能做些什么.

我认为,WebView只是kit-kat之后的一部分.此外,当您在chrome上调试它时,您的应用程序不会在同一个环境中运行,而不是“编译”为cordova应用程序.实际上,cordova在你的webview周围添加了一个包装器,插件添加了chrome不需要做的功能等等……

希望有所帮助.