殘酷的移動互聯(lián)網(wǎng)競爭環(huán)境下，HTML5技術(shù)一直受到各方關(guān)注，“HTML5顛覆原生App”的爭論也從未停止過，不管怎樣HTML5生態(tài)的構(gòu)建方興未艾。不過對于移動開發(fā)者來說更關(guān)心的問題是如何低成本、周期短開發(fā)出體驗效果好的App，所以當下用HTML5遠比賭HTML5更現(xiàn)實。于是，一個一直被提及但是從沒有占據(jù)過統(tǒng)治地位的概念又一次走進了移動開發(fā)者們的視野，那就是跨平臺開發(fā)。

AD：WOT2015互聯(lián)網(wǎng)運維與開發(fā)者大會熱銷搶票

目前國內(nèi)外已經(jīng)有很多基于HTML5的跨平臺開發(fā)工具，你并不需要任何的原生應(yīng)用編程經(jīng)驗，你只需要一些HTML的相關(guān)知識，懂一些CSS和JavaScript，運用工具中所提供的各種豐富的功能模塊，便可在很短時間內(nèi)完成App的開發(fā)而且讓你的App具備完美的原生體驗。

推薦幾款跨平臺工具

1、Appcelerator

Appcelerator的Titanium開發(fā)平臺使開發(fā)者可以通過HTML、PHP、JavaScript、Ruby、Python等Web編程語言開發(fā)手機、平板和桌面的原生App。其優(yōu)勢在于它可以讓用戶輕松地訪問超過300個API以及定位信息。

此外，Appcelerator提供針對特定行為或事件定制的統(tǒng)計。App的數(shù)據(jù)既可儲存在云端，也可儲存在設(shè)備上。

2、APICloud

APICloud是一款“云端一體”的移動開發(fā)平臺，信仰“云端一體”的理念，重新定義了移動應(yīng)用開發(fā)。APICloud為開發(fā)者從“云”和“端”兩個方向提供API，簡化移動應(yīng)用開發(fā)技術(shù)，讓移動應(yīng)用的開發(fā)周期從一個月縮短到7天。APICloud由“云API”和“端API”兩部分組成，可以幫助開發(fā)者快速實現(xiàn)移動應(yīng)用的開發(fā)、測試、發(fā)布、管理和運營的全生命周期管理。

2、PhoneGap

PhoneGap是一個免費且開源的開發(fā)環(huán)境，使開發(fā)者可以開發(fā)出在Android、Palm、黑莓、iPhone、iTouch及iPad等設(shè)備上運行的App。其使用的是HTML和JavaScript等標準的Web開發(fā)語言。開發(fā)者使用PhoneGap進行開發(fā)，可調(diào)用加速計、GPS/定位、照相機、聲音等功能。

PhoneGap還提供Adobe AIR App以及在線的培訓課程，幫助開發(fā)者了解原生API并在他們自己的平臺上開發(fā)移動App。

4、NativeScript

NativeScript是使用移動平臺的JavaScript引擎來進行跨平臺開發(fā)。邏輯部分自然無需多說，關(guān)鍵在于如何使用平臺特性。NativeScript是通過反射得到所有平臺API，預(yù)編譯它們，然后將這些API注入到JavaScript運行環(huán)境，接下來在Javascript調(diào)用后攔截這個調(diào)用，并運行native代碼。NativeScript是使用大量web開發(fā)的技巧來進行app開發(fā)，因為工具鏈和語言都非常熟悉受到了很多前端開發(fā)者的歡迎。

5、Kinvey

Kinvey同樣是一個為移動應(yīng)用開發(fā)者提供后臺創(chuàng)建服務(wù)的平臺。Kinvey強調(diào)加速移動應(yīng)用開發(fā)與銷售的“即取即用”理念。Kinvey的中間層與數(shù)據(jù)層均托管在多個云服務(wù)提供商處，包括Rackspace、Amazon與Microsoft。所有通過Kinvey存儲的數(shù)據(jù)都會有四種方式備份：Amazon EC2、Windows Azure、Rackspace以及Kinvey自己的服務(wù)器，假如其中一兩個出現(xiàn)了故障，用戶的數(shù)據(jù)依然安然無恙。

總結(jié)：

關(guān)于HTML5和原生App的爭論一直在繼續(xù)，不論最后誰能取勝，開發(fā)者更關(guān)心App的開發(fā)速度和最終體驗。合理的使用工具會讓開發(fā)效率大大提升，甚至達到事半功倍的效果，希望能有一款適合您。

期待未來有一天，App開發(fā)可以像在紙上畫畫一樣簡單。

聲明：IT之家網(wǎng)站刊登/轉(zhuǎn)載此文出于傳遞更多信息之目的，并不意味著贊同其觀點或論證其描述。

　HTML5日漸成為Web開發(fā)的主流技術(shù)之一，目前，W3C已經(jīng)完成了HTML5的基本特性，HTML5成為 W3C官方標準指日可待。

　　目前互聯(lián)網(wǎng)中已經(jīng)出現(xiàn)了大量HTML5應(yīng)用，其展示的效果一點也不輸Flash，甚至要更為強大。該技術(shù)最大的優(yōu)勢是跨平臺，甚至未來有可能成為開發(fā)移動應(yīng)用的主要技術(shù)。

　　本文為你帶來 6 個強大的 HTML5應(yīng)用開發(fā)工具，希望可以提高你的開發(fā)效率。

　　1. Adobe Edge Animate

　　Adobe Edge Animate 是一款 Adobe 開發(fā)的全新的工具，致力于尋求適用于 HTML5、CSS3 和 JavaScript的交互、動畫編程體驗。

　　該工具有一個類似 Flash Pro 的用戶界面，允許開發(fā)者對交互內(nèi)容、動畫進行精準的控制。目前尚不支持 HTML5 canvas 和 audio 標簽，Adobe 表示會在未來增加支持。

　　2. HTML KickStart

　　這是一套集合了各種 CSS、HTML5 和 jQuery 模塊的工具，不僅可以幫助你節(jié)省開發(fā)時間，還可以幫助你獲取 HTML5 開發(fā)的靈感。

　　該工具包中包含了大量預(yù)配置、預(yù)格式化的功能塊，你可以非常快地實現(xiàn)一些特定的功能，如幻燈、按鈕、選項卡等。

　　3. HTML5 Reset

　　HTML5 Reset 包含了一組 HTML、CSS 相關(guān)的文件，幫助你在開始新項目的時候節(jié)省時間，并提供了基于 HTML5 的空白 WordPress 模板。

　　4. Liveweave

　　這是一個 HTML5、JavaScript 和 CSS3 代碼在線測試工具，你可以直觀地看到你的代碼的運行情況。此外，該工具還具備代碼自動完成功能，你也可以將其作為一個在線 IDE 來使用。

　　5. Modernizr

　　Modernizr 是一個開源的JS庫，它使得基于訪客瀏覽器的不同而開發(fā)不同級別體驗的設(shè)計工作變得簡單。當你在網(wǎng)頁中嵌入 Modernizr 腳本時，它會檢測用戶當前瀏覽器是否支持 CSS3 和 HTML5 的特性，然后你可以決定是否創(chuàng)建一個基于 JS 的 fallback，或者對那些不支持的瀏覽器進行簡單的優(yōu)雅降級。

　　6. Video.js

　　Video.js 是一個基于 JavaScript 的 HTML5 視頻播放器，可以幫你更加簡單的構(gòu)建 HTML5 視頻。Video.js 提供了一個通用控件，內(nèi)置的 HTML/CSS 皮膚，修復了跨瀏覽器的兼容性問題，還擴展了許多附加功能，例如全屏、字幕等。如果用戶瀏覽器不支持 HTML5 視頻，還可以退回到 Flash 或其他播放技術(shù)。