Android WebView Akceleracja sprzętowa Artefakt Obejścia

Question

Więc jest to znany błąd z akceleracji sprzętowej WebView w Androidzie, zobaczyć tutaj na przykład: https://code.google.com/p/android/issues/detail?id=17352

Wyłączenie akceleracji sprzętowej nie jest opcja dla mnie.

Czytałem te wielkie nazwy:

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

Moje pytanie brzmi, zważywszy HWA jest włączony, czy ktoś wie jakichkolwiek CSS/HTML obejścia zapobiegające występowaniu artefaktów renderowania?

Widzę je tylko wtedy, gdy skupiam się na polu formularza, wydaje się, że powoduje to przesuwanie w głąb vsync-esque i subpixel. Gdy skupię się na polu, cała strona zdaje się drżeć.

Wygląda na to, że position: absolute ma coś z tym wspólnego.

Ktoś ma jakieś doświadczenie w rozwiązywaniu tego problemu?

Answer 1

add:

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

jeśli pracuje z 3d przekształcić .. jest to tani chwyt, ale będzie to poprawić wydajność espacially na iPada ..

ponadto można spróbować

-webkit-transform: rotateZ(0deg); 

Obrót AFAIK może poprawić wydajność, ponieważ gpu są znacznie lepsze w obracaniu.

Innym sposobem jest ustawienie transformacji "bez funkcji" na każdym elemencie na ekranie.

proszę dać mi znać, czy mogę Ci pomóc.