科爾多瓦的Android滾動/性能問題

我用下面的CSS來我的科爾多瓦應用科爾多瓦的Android滾動/性能問題

.scrollable { 
    overflow: auto; 
    -webkit-transition-property: top, bottom; 
    transition-property: top, bottom; 
    -webkit-transition-duration: .2s, .2s; 
    transition-duration: .2s, .2s; 
    -webkit-transition-timing-function: linear, linear; 
    transition-timing-function: linear, linear; 
    -webkit-overflow-scrolling: touch; 
    -webkit-transform: translateZ(0); 
    -webkit-backface-visibility: hidden; 
}

這個奇妙的作品在iOS創建平滑滾動，但在Android的原因並沒有這麼多。 Android的總體性能與iOS不相近，但在滾動時最顯着。有什麼建議麼？我有android:hardwareAccelerated="true"，但這似乎沒有太大區別。

來源

2016-04-26 Kody R.

Android瀏覽器滾動總是很痛苦，性能比iOS糟糕得多。這就是爲什麼hybrid app frameworks like Ionic has introduced native scrolling to android，這使得性能更好。離子真的很有趣，但如果你不想使用它，你可以做一些Google搜索來了解更多關於android原生滾動的信息，或者找出他們如何實現它並將它移植到你的項目中。

解決此問題的另一種方法是將Crosswalk嵌入到您的Android應用程序中，它是基於Chromium的webview。缺點是APK的大小會增加20MB，但不同版本的Android操作系統的性能和一致性確實會提高很多。

來源

2016-04-27 03:56:21 Kevin

感謝您的反饋！我確實將Crosswalk嵌入到應用程序中以提高性能。它還增加了對Android 4.4的支持。它確實增加了很多尺寸，但是它爲與Android合作打造了一個相對公平的遊戲環境，這很好。我也在做一些其他的表演事情（比如擺脫盒子陰影）來提高性能，差別非常大！ –

很高興聽到！ :) – Kevin

在本文中，我假設讀者是一個科爾多瓦開發人員，我不會教你基本知識，因爲有幾百萬篇文章可以在網上找到。

所以，如果你正在使用jQuery，jQuery UI和java腳本與apache cordova行它仍然可以，如果你開發一些演示項目或一個非常簡單的應用程序。

但是對於商業級別的項目，您必須使用Angular JS或更高版本的角度版本（IONIC Framework - Cordova的擴展版本）才能獲得更好的用戶體驗。

我對jQuery和jQuery UI沒有冒犯性，因爲它們仍然是很棒的工具。但是當涉及到混合應用程序開發時，Angular比jQuery或jQuery UI執行得更好。

https://guntucomputerhacks.blogspot.com.au/2017/11/apache-cordova-scroll-bar-lagging-on.html

來源

2017-11-06 00:39:18

科爾多瓦的Android滾動/性能問題

回答

相關問題