DCloud產品HTML5跨平臺APP開發的利器_html/css

目前，使用HTML5開發W eb app或者Hybrid App已經非常常見，大公司（大眾點評、天貓）、小公司（創業團隊）也在用。但是，行業資料還是比較空缺。

在2014年以前， HTML5的性能和能力都不充足。特別是性能，因為Android4.4以下版本不能支持webGL技術，所以大部分低端Android手機無法流暢運行手機APP。DCloud公司利用一款增強版的手機瀏覽器緩解了這個問題。同時，隨著時代的進步，Android4.4以下版本將逐漸減少。

圖 2015年 11月，Android手機版本分布情況，數據來源：友盟指數

圖 2014-2015年，Android手機部分版本變

做HTML5的App工具和平臺也有很多，我從這4個平臺挑選了一個。之前寫過3個系列的短文，分析了我為什么選擇DCloud這個平臺。詳細可到CSDN博客查找谷震平：

系列一： 跨平臺APP----對Native/Hybrid/Web APP三種開發模式的分析

系列二： 跨平臺APP----對 C ordova,APPCan,DCloud,APICloud四大平臺的分析

系列三： 跨平臺APP----使用D Cloud 公司產品跨平臺開 發

使用DCloud平臺開發過一款APP，感覺上App的性能、功能、用戶體驗等方面都不錯，能給個80分（滿分100）。所以，對于D廠的東西還算熟悉，特意在這里班門弄斧，歡迎交流指正。

2. 產品介紹

圖 DCloud產品架構

DCloud公司旗下有4款產品：HBuilder、5+ Runtime、MUI、流應用。

此外，該公司做了一套開源的廠商API——HTML5 Plus(H5 +)標準。該標準，是對HTML5標準的擴展和增強，彌補HTML5的能力和性能不足的問題。依照H5+標準，D廠實現了5+ Runtime，同時將其封裝在了HTML5+ SDK中。

HTML5+ Runtime 是基于 webview 的增強 runtime ，擴展了大量的 JS API ，打通原生 API 和 JS API 的橋梁。也可以理解為一個強化的瀏覽器引擎。所以，能在現有原生項目中使用 HTML5+ SDK 替換原有的 webview ，以獲得更強的 web 增強表現。

在手機設備中， webview 的性能好壞決定了 HTML5 的性能優劣。 DCloud 對原生的 webview 進行封裝，同時擴展其功能。從時間和市場的角度來說， Android4.4 以下的版本會逐步退出歷史舞臺。但是， HTML5+ SDK 解決了用 HTML5 開發的 APP 在 Android4.4 以下版本運行時的性能問題， 而且支持 Android2.2 以上版本（也支持 iOS4.3 以上版本）。

HBuilder是一款不錯的開發工具，縱觀，iOS開發的Xcode，Android開發的ADT、Studio，WP開發的VS，個人感覺HTML5開發App的這款編輯器，還勉強能拿的出手。可以下載試玩，免環境安裝，即可使用，內置Demo和教程。

MUI和流應用我就不分析了。MUI是一套前端框架，類似于JQuery Mobile、React Native的東西。流應用是一種推廣模式，本質上還是HTML5+ APP。

3. 總結

利用 DCloud 平臺， APP 的性能良好。動態效果都將被增強瀏覽器引擎處理，通過增強的引擎，可以在低端機上流暢的運行各種動態效果，比如側滑菜單、下拉刷新、長列表滾動等。

話說使用該APP開發，還能一次推出6個端的發布：HTML5 瀏覽器、iOS ipa包、Android apk包、微信APP、百度直達號、流應用。

更多精彩內容，歡迎關注原創分享：

聲明：本網頁內容旨在傳播知識，若有侵權等問題請及時與本網聯系，我們將在第一時間刪除處理。TEL:177 7030 7066 E-MAIL:11247931@qq.com