Android WebView 硬件加速 Artefact 变通办法

Question

因此，Android 中的 WebView 硬件加速存在一个已知错误，例如:https://code.google.com/p/android/issues/detail?id=17352

禁用硬件加速对我来说不是一个选项。

我已经阅读了这些很棒的引用资料:

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

我的问题是，如果打开 HWA(硬件加速)，有没有人知道任何 CSS/HTML 变通方法来防止可能出现的渲染伪影？

我只在将焦点放在表单域时才看到它们，这似乎会导致垂直同步和亚像素故障。当我专注于该领域时，整个页面似乎在抖动。

看来 position: absolute 也与此有关。

有人有解决这个问题的经验吗？

Answer 1

添加:

-webkit-backface-visibility: hidden;
-webkit-perspective: 1000;
backface-visibility: hidden;
perspective: 1000;

如果您使用 3d 变换.. 这是一个便宜的技巧，但它会提高 iPad 上的性能..

另外你可以试试

-webkit-transform: rotateZ(0deg);

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

另一种方法是在屏幕上的每个元素上放置一个“无功能”转换..

如果我能帮助你，请告诉我。