2014-01-12 3 views
11

私は電話ギャッププロジェクトでいくつかのCSSアニメーションを実装しようとしています。アニメーションはiOS端末で正常に動作しますが、Androidでは動作しません。実際、破線の枠線のようなものはレンダリングさえしていません。Androidはphonegapのためにどのブラウザエンジンを使用しますか?

私はphonegapプロジェクト内にAndroid用の特別なベンダープレフィックスが必要ですか?

答えて

8

PhoneGapはネイティブブラウザエンジンを使用します。したがって、アンドロイドでは、WebKitを使用します。 PhoneGapのにより使用

PhoneGapからWebビューがsystem.On IOSが動作するネイティブ によって使用される同じウェブ図であり、これは、Objective-CののUIWebViewクラスです。 Android上で、これはオペレーティングシステム間のレンダリングエンジン Web表示に違いがあるandroid.webkit.WebView.Sinceで、あなたはあなたのUIでこれを考慮

これtutorialはのために役に立つかもしれ作ります君は。特定のブラウザ(特定のレンダリングエンジンを意味します)を対象にする方法を示します。

希望すると便利です。

+0

iOSで動作する-webkitプレフィックスがAndroidで動作するので、それではできないでしょうか?なぜ私はそのような不一致があるのか​​について迷っている。 – RyGuy

+1

iOSとAndroidはどちらもWebKitを使用しますが、レンダリング方法は異なります。ここにあなたが有用であるかもしれない違いのリストがありますhttp://quirksmode.org/webkit_mobile.html。しかし、これらのウェブサイトの人は、違いがないと主張しています:http://37signals.com/svn/posts/2603-heres-what-weve-learned-about-doing-ui-for-mobile-web-apps-with- html5 –

+0

これは答えとしてマークしています。何が起きているのかを見つけるのに役立ちました。それは私のAndroid携帯電話で持っていたカスタムROMだったことが判明しました。私は自分のプロジェクトを株式Nexus 7にロードしました。それはCSSアニメーションを含む素晴らしい仕事でした。 – RyGuy

2

since version 4.4(のみ)AndroidはChromiumベースのWebviewを使用しているので注意してください(これは単にWebkitベースのWebviewではないと思います)。

4.4より前のWebViewは、私が読んだ限り、評判が悪いです。

これは、Cordovaプラグインを搭載し、特定のバージョンのChromiumを埋め込むことができるCrosswalk projectを使用する別の理由で、すべてのアプリがSDKに関係なく同じWebViewエンジンを使用する(大きなAPKのコスト)

関連する問題