Android WebView Hardware Acceleration artefact cách giải quyết

Question

Vì vậy, có một lỗi được biết đến với khả năng tăng tốc phần cứng WebView trong Android, thấy ở đây ví dụ: https://code.google.com/p/android/issues/detail?id=17352

Vô hiệu hóa tăng tốc phần cứng không phải là một lựa chọn cho tôi.

Tôi đã đọc những tài liệu tham khảo rất lớn:

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

Câu hỏi của tôi là, do HWA được bật, không ai biết bất kỳ CSS/HTML cách giải quyết để ngăn chặn các đồ tạo tác dựng hình có thể xảy ra?

Tôi chỉ nhìn thấy chúng khi tôi tập trung vào một trường biểu mẫu, có vẻ như gây ra mâu thuẫn vsync-esque và subpixel. Khi tôi tập trung vào lĩnh vực này, toàn bộ trang có vẻ như jitter.

Có vẻ như position: absolute cũng có liên quan đến điều này.

Bất kỳ ai có kinh nghiệm giải quyết vấn đề này?

Answer 1

add:

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

nếu bạn làm việc với 3d transform .. nó là một thủ thuật rẻ NHƯNG nó sẽ cải thiện hiệu suất espacially trên iPad ..

hơn nữa bạn có thể thử

-webkit-transform: rotateZ(0deg); 

Phép quay AFAIK có thể tăng hiệu suất vì gpu tốt hơn nhiều khi xoay một cái gì đó ..

một cách khác là đặt một phép biến đổi 'không có chức năng' trên mỗi phần tử trên màn hình ..

hãy cho tôi biết nếu tôi có thể giúp bạn.