5

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

  1. 移动设备中的 css 动画很慢(如果这是真的,那么网站在移动设备 chrome 中也会运行缓慢,这是不正确的)

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

默认情况下,cordova 是否限制 gpu chrome 可以使用的数量?是否有一些设置可以调整以提高 CSS 转换性能?

4

1 回答 1

3

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;
}

有关更多信息,我发现了一篇关于它的很酷的文章。

我不知道你是否还有什么可以做的。

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

希望有所帮助。

于 2015-02-20T20:04:03.840 回答