2014-01-12 51 views
11

我想在手機差距項目中實現一些CSS動畫。動畫在iOS設備上運行良好,但在我的Android上運行得不錯。事實上,像虛線邊框這樣的東西甚至沒有渲染。Android使用什麼瀏覽器引擎來實現phonegap?

在phonegap項目中,我是否需要Android的特殊供應商前綴?

回答

8

PhoneGap使用本機瀏覽器引擎。所以在android中,它使用WebKit。

從通過的PhoneGap使用PhoneGap

web視圖是由本機 操作system.On的iOS使用的相同web視圖,這是目標C的UIWebView類;在 的Android,這是android.webkit.WebView.Since有在 差異呈現操作系統之間的發動機Web視圖,確保 您在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在我讀過的時候聲譽很差。

這是另一個使用Crosswalk project的原因,它有一個Cordova插件並允許嵌入特定版本的Chromium,因此無論您的應用程序使用的是相同的WebView引擎(無論是大型APK的費用)

相關問題