Javascript 在AndroidWebView中将类添加到DOM元素时,CSS样式更改需要2-3秒才能显示

Javascript 在AndroidWebView中将类添加到DOM元素时,CSS样式更改需要2-3秒才能显示,javascript,android,jquery,css,android-webview,Javascript,Android,Jquery,Css,Android Webview,假设我有一个DOM元素,在一个div中有一堆文本 <div id="bio"> I'm Captain America! </div> 在我的CSS文件中,我有一行 .red { color: red; } 如果我在普通的网络浏览器(Chrome、Firefox、Safari等)上尝试一下。。。单击后,文本立即变为红色。但是,如果我从安卓应用程序中嵌入的安卓网络视图中执行此操作。。然后文本需要2-3秒变成红色 知道为什么吗?虽然通常不需要2-3秒,但一些移动浏览器在点

假设我有一个DOM元素,在一个div中有一堆文本

<div id="bio"> I'm Captain America! </div>
在我的CSS文件中,我有一行

.red { color: red; }
如果我在普通的网络浏览器(Chrome、Firefox、Safari等)上尝试一下。。。单击后,文本立即变为红色。但是,如果我从安卓应用程序中嵌入的安卓网络视图中执行此操作。。然后文本需要2-3秒变成红色


知道为什么吗?

虽然通常不需要2-3秒,但一些移动浏览器在点击事件时的默认延迟为300毫秒

您可以通过使用FastClick来解决这个问题,FastClick是一个javascript库,可以消除这个延迟


我发现了问题所在-我的WebAppInterface(Javascript接口侦听器)中有一个阻塞HTTP请求调用,这导致调用完成时UI冻结到2-3秒。将其替换为非阻塞(异步)调用,现在它工作得很好

这似乎要快一点,但在应用样式更改之间仍然有一个时间间隔。
.red { color: red; }