I'm trying to implement some CSS animations in a phone gap project. The animations run fine on an iOS device but not on my Android. In fact some things like dashed borders aren't even rendering.
Do I need any special vender prefixes for Android within a phonegap project?
PhoneGap uses native browser engines. So in android, it uses WebKit.
From PhoneGap
web view used by PhoneGap is the same web view used by the native operating system.On iOS, this is the Objective-C UIWebView class; on Android, this is android.webkit.WebView.Since there are differences in the web view rendering engines between operating systems, make sure that you account for this in your UI
This tutorial may be helpful for you. It shows how to target for specific browser(means specific render engine).
Hope this helps!
Take care because since version 4.4 (only) Android does use a Chromium based webview (I think before it was simply a webkit-based webview).
The WebView prior to 4.4 has a bad reputation as far as I've read.
This is another reason to use the Crosswalk project which has a Cordova plugin and permits to embed a specific version of Chromium, so that all your apps are using the same WebView engine no matter the SDK (a a cost of a big APK)
If you love us? You can donate to us via Paypal or buy me a coffee so we can maintain and grow! Thank you!
Donate Us With