三星S6 Webview css动画问题

时间:2015-12-11 09:35:05

标签: cordova css-animations samsung-mobile

我正在研究用cordova / phonegap编写的应用程序 现在我有一些奇怪的问题 - 在三星s6 css动画中无法正常工作。

例如 - 我有一个用css动画的微调器 每次启动应用程序微调器时都不想隐藏 我还使用css动画隐藏了一些元素。
启动应用程序后,此元素不会滑动。

奇怪的是,这些错误仅在第一次应用程序启动时发生,每当第二次应用css动画时它就会起作用 同样简单的触摸屏幕使动画开始工作。

Android的版本是5.1.1,webview是最新的46.0.2490 我不太确定但是假设在从Google Play更新WebView之后发生了这个错误。

我感到无能为力:( 我的问题是 - 我应该在哪里报告这个问题? 对于除S6之外的任何其他设备都不会发生错误,因此我认为Google Play并不适合 有什么想法吗?

1 个答案:

答案 0 :(得分:0)

我们在Samsung S6 5.1.1 webview上的Cordova-app中遇到了与CSS动画完全相同的问题。我们首先用旋转器注意到它,但它似乎影响了所有类型的CSS动画。

这似乎是Android系统Webview版本46.0.2490.76中的错误。 降级到以前的版本时,一切正常,当我们手动安装更高版本的Webview(Google Play中尚未提供)时,它也能正常工作。

在新版本到位之前,我们已经找到了一个看似合适的hacky解决方案。

从JS我们创建一个虚假的触摸事件,通常在我们的spinner.stop()函数中,或类似的:     

        
            if (Modernizr.touch) {
                var e = document.createEvent('TouchEvent');
                e.initTouchEvent();
            }
        
    

这与用户滑动或点按屏幕,屏幕重新绘制时的效果相同。

使用modernizr检查触摸事件是否可用(或实施您自己的检查),以避免非触摸设备(如桌面)上出现错误消息。

我希望在Google Play中更新webview之前,这可能会有所帮助。