Android WebView硬件加速Artefact解决方法

Question

因此,Android中存在WebView硬件加速的已知错误,请参见此处:https://code.google.com/p/android/issues/detail？id = 17352

禁用硬件加速不是我的选择.

我读过这些很棒的参考资料:

• Android webview很慢
• https://plus.google.com/+PaulIrish/posts/ccP98BTMd5Z
• http://riamobilesolutions.com/android-webview-scrolling-performance/

我的问题是,如果打开HWA,是否有人知道任何CSS/HTML变通方法以防止可能发生的渲染伪像？

当我将焦点放在表单字段时,我只会看到它们,它似乎会导致vsync-esque和subpixel gitches.当我关注这个领域时,整个页面似乎都是抖动的.

这似乎position: absolute与此有关.

有没有人解决这个问题？

Answer 1

添加：

\n\n

-webkit-backface-visibility: hidden;\n-webkit-perspective: 1000;\nbackface-visibility: hidden;\nperspective: 1000;\n

\n\n

如果你使用 3d 变换..这是一个廉价的技巧，但它会提高性能，特别是在 iPad 上..

\n\n

此外你可以尝试

\n\n

-webkit-transform: rotateZ(0deg);\n

\n\n

AFAIK 旋转可以提高性能，因为 gpu\xc2\xb4s 在旋转某些东西方面要好得多。

\n\n

另一种方法是在屏幕上的每个元素上进行“无功能”转换。

\n\n

如果我可以帮助您，请告诉我。

\n