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

AD：WOT2015互聯網運維與開發者大會熱銷搶票

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

推薦幾款跨平臺工具

1、Appcelerator

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

此外，Appcelerator提供針對特定行為或事件定制的統計。App的數據既可儲存在云端，也可儲存在設備上。

2、APICloud

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

2、PhoneGap

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

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

4、NativeScript

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

5、Kinvey

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

總結：

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

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

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

　HTML5日漸成為Web開發的主流技術之一，目前，W3C已經完成了HTML5的基本特性，HTML5成為 W3C官方標準指日可待。

　　目前互聯網中已經出現了大量HTML5應用，其展示的效果一點也不輸Flash，甚至要更為強大。該技術最大的優勢是跨平臺，甚至未來有可能成為開發移動應用的主要技術。

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

　　1. Adobe Edge Animate

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

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

　　2. HTML KickStart

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

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

　　3. HTML5 Reset

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

　　4. Liveweave

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

　　5. Modernizr

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

　　6. Video.js

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