cordova - 为什么即使对于 css 转换，cordova 也很慢？

Question

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

移动端的 css 动画很慢(如果这是真的，网站在移动端 chrome 中也会运行缓慢，这不是真的)

cordova 建立在 chrome 之上(css 转换应该与cordova 无关，chrome 应该能够很好地渲染它们)

默认情况下，cordova 是否会限制 chrome 可以使用的 GPU 数量？我可以调整一些设置来提高 css 转换性能吗？

Answer 1

Chrome 仅在您希望他使用 GPU 时才使用它。

一个例子 :

.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 的一部分。此外，当您在 chrome 上调试应用程序而不是“编译”为cordova 应用程序时，您的应用程序并没有在相同的环境中运行。事实上，cordova 在你的 webview 周围添加了一个包装器，插件添加了 chrome 不需要做的功能，等等......

希望有所帮助。