安卓WebView在Galaxy S4上显示混乱

Question

在Galaxy S 4 (v 4.2.2)上加载某些Webview时，当用户与HTML输入交互时，显示效果会出现混乱。

经过查阅SO和其他来源，似乎问题是由于设备在更改时不正确或部分地绘制Webview导致的。

我尝试设置以下内容，但没有成功：

在清单中：

<application
    ...
    android:hardwareAccelerated="true">

或者

<application
    ...
    android:hardwareAccelerated="false">

在活动中：

mWebView.getSettings().setRenderPriority(WebSettings.RenderPriority.HIGH);

mWebView.getSettings().setPluginState(android.webkit.WebSettings.PluginState.ON_DEMAND);

mWebView.setScaleType(XXX); (I tried everything)

我还发现当出现问题时，logcat 会打印类似于"onSizeChanged x:XXX y:YYY"的内容。

这个问题似乎只在这个特定的设备上出现（在 Galaxy S2、Galaxy Note 2 和 Nexus 4 上测试过）。

有什么想法吗？

- nios

Answer 1

经过长时间的努力寻找合适的解决方案，最终修复方法是从css中删除以下内容：

-webkit-transform: translate3d(0,0,0) 

奇怪的是，在this SO topic中，建议添加此属性以解决类似的问题...我不确定这行代码到底是做什么的，但如果你遇到类似的问题，我强烈建议你查看CSS中是否有此属性。希望这对某人有所帮助！祝好！

- nios