2013-06-04 28 views
3

我正準備在兒童書籍應用程序上工作。它將涉及大量的插圖和一些動畫菜單,但沒有像動畫一樣瘋狂。我試圖確定是否使用Phonegap和DOM或CocoonJs和Canvas。CocoonJs vs Phonegap的DOM應用程序...或只是去畫布和CocoonJs?

我一直在閱讀的文章中,Phonegap可以減慢在正常移動瀏覽器中正常工作的DOM應用,而CocoonJs將加速在Canvas中構建的應用。但後來我還看到CocoonJs現在有了一些新的東西,它可以在某種程度上支持DOM元素。

我的DOM測試應用程序在手機瀏覽器中效果很好,但我無法在蘋果公司的該死的開發者費用的iPad或iPhone bc上的Phonegap中進行測試。

有沒有人有與這類項目接近的經驗?我正考慮在Canvas中爲了學習體驗而做。但是,如果任何人有任何強烈的建議,你能讓我知道你的想法嗎?

非常感謝!

回答

4

CocoonJS是偉大的,如果你想在手機上佳表現,也可以通過調用一個這樣的特定功能使用內部CocoonJS web視圖:

<html> 
<body> 
    <script src="CocoonJSExtensions/CocoonJS.js"></script> 
    <script src="CocoonJSExtensions/CocoonJS_App.js"></script> 
    <script src="CocoonJSExtensions/CocoonJS_App_ForCocoonJS.js"></script> 
    <script> 
     CocoonJS.App.onLoadInTheWebViewSucceed.addEventListener(function(pageURL) { 
      // Show the webview. By default, the webview is hidden. 
      CocoonJS.App.showTheWebView(); 
     }); 

     CocoonJS.App.onLoadInTheWebViewFailed.addEventListener(function(pageURL) { 
      console.error("Could not load the HTML file in the webview"); 
     }); 

     CocoonJS.App.loadInTheWebView("webview_index.html"); 
    </script> 
</body> 

+0

嘿,非常感謝。你會說webview在任何特定情況下更有意義嗎?我正在閱讀的要點是,webview無法像canvas加速那樣提高速度。 – NickG77

3

如果你這樣做的您可以稍後決定是否使用PhoneGap或CocoonJS。

就我個人而言,我不認爲您的項目會使用CocoonJS,儘管這樣做並沒有什麼壞處。

CocoonJS的優點包括近乎原生的性能。缺點是還沒有發佈他們的定價模式 - 我相信它目前是免費的,但你有一個強制性的CocoonJS初始屏幕。

至於dom vs canvas:取決於你的項目。我個人比較喜歡畫布,因爲現在移動大量物體的速度通常更快。但是在說這個時候,你的項目聽起來很不穩定。哪種情況下你可能想要考慮dom(在那裏也有一些公平的dom頁面翻頁教程)。

這是一個canvas/PhoneGap project我爲我的孩子做了一個參考。

附註:您應該可以通過Xcode的模擬器使用PhoneGap測試您的應用程序。

+0

在這裏我幾個月後,看着這個帖子,並意識到我從來沒有感謝你的想法。謝謝Jarrod。我想我會去學習體驗的畫布。 – NickG77

9

還要考慮Famo.us,這是更受歡迎,比CocoonJS更強的展示。這裏是我的見解:

的PhoneGap

嘗試和真實的,開放源碼軟件。很多資源。許多插件,albiet不同和隨意維護。例如,IAP和廣告 - 很可能是插件 - 不在覈心,單獨(並且幾乎不)維護。沒有關注性能,只有x平臺的兼容性。

  • 臨:流行,試圖
  • 臨:FOSS
  • 缺點:沒有業績焦點
  • 缺點:波濤洶涌的質量插件的用戶,土地

CocoonJS

一個科爾多瓦包裝(如PhoneGap),它通過Webview +或Canvas +插件增加了性能優化。 Canvas +適用於HTML5帆布遊戲,所以它不適合你。 Webview +基本上是一個打包的Chromium-最新版本,可以在Android版本上獲得更好的性能,而不會將其用作默認瀏覽器(默認瀏覽器是用於Cordova的webview的)。它不適用於Android < 4,那些只會使用默認的webview。實際上我嘗試過使用Webview +來部署Cocoon應用程序,但是我沒有注意到性能改進。 (a)我需要做一些調整,(b)「性能改進」(空氣報價)。此外,它還具有可在iOS和Android上工作的標準化插件:Facebook,廣告,應用內購買(以及更多,但我們需要的3個)。在PhoneGap的土地上,這3個地區有6個獨立的回購站(每個平臺1個),由6個不同的開發者維護 - 並不總是得到很好的維護。另一方面,我一直在閱讀Cocoon溢價(需要使用他們的擴展)是$$$ ...,如$ 50/m左右。

  • 臨:理論更好的性能
  • 臨:統一插件的經驗(廣告,臉譜,IAP) - 最大的親IMO
  • 缺點:價格

Famo.us

的我理解Famo.us的方式:它與Cocoon的Canvas +類似。打包高性能webview以改善動畫/畫布性能。它帶有自己的基於JS的DSL來構建你的應用程序。也就是說,與PhoneGap & CocoonJS不同,您只需構建一個標準的HTML/CSS/JS Web應用程序(允許與其他項目共享代碼),Famo.us擁有自己的構建應用程序的JS框架。它有一個非常強大的展示:AirBnB,Yelp等使用Famo.us.

  • 優點:性能
  • 臨:免費的嗎?
  • 臨:強陳列櫃(Yelp的理念,Airbnb)
  • 缺點:不運行的設施,工廠的web開發(不像CocoonJS,它可以讓你只是在你的PhoneGap應用降不變化)

我個人建議(爲你的情況)探索Cocoon的Webview +設置。

+1

+1優秀評論! –