殘酷的移動互聯網競爭環境下，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之家網站刊登/轉載此文出于傳遞更多信息之目的，并不意味著贊同其觀點或論證其描述。

rowserquest是Mozilla與法國Little Workshop游戲工作室共同開源的一款HTML5多人在線游戲。支持PC、智能手機、平板電腦等移動設備。游戲中，玩家扮演一位年輕的戰士在一個危險的世界中不斷探險并尋找寶藏。

Browserquest架構有三個主要部分：1.服務器端，使用 Node.js 運行 2.客戶端，在瀏覽器中使用javascript運行 3.數據庫端，使用Redis運行。采用的技術包括：WebSockets 技術：用于在瀏覽器中實現和服務器端的雙向通信。 HTML5 Canvas：用于基于 2D tile 的圖形引擎。Web workers：允許初始化大的世界地圖，而不會減慢頁面 UI。localStorage：隨時保存玩家角色的進度。CSS3 Media Queries：使游戲可以自動根據不同的設備進行調整。HTML5 audio：游戲中觸發的各種聲音。

開源派紅包福利

打開支付寶首頁搜索“556850443” 立即領大紅包

微信訂閱號：開源派 （opensourcepie）

TML5 是一種用于建立和呈現網頁內容的標準標記語言。它引入了一些新的元素、屬性和 API，使得開發者能夠更輕松地創建富媒體和交互性網頁。下面是一些 HTML5 的常見用法：

1. 結構化標簽：HTML5 引入了一些新的語義化標簽，如 <header>、<nav>、<section>、<article>、<footer> 等，用于更清晰地描述網頁的結構和內容。
2. 多媒體支持：HTML5 提供了 <audio> 和 <video> 標簽，使得在網頁中直接嵌入音頻和視頻變得更簡單。開發者可以通過指定源文件格式和相關參數來控制多媒體內容的播放。

3. Canvas 繪圖：HTML5 的 <canvas> 元素允許開發者使用 JavaScript 在網頁上繪制圖形、動畫和數據可視化效果。通過將圖形繪制到畫布上，開發者可以實現各種自定義的交互式效果。
4. 地理位置定位：HTML5 引入了 Geolocation API，用于獲取用戶設備的地理位置信息。開發者可以使用這些信息來提供定位服務、個性化內容和導航等功能。
5. 本地存儲：HTML5 支持 Web Storage、IndexedDB 和 Web SQL Database 等本地存儲技術，使得瀏覽器能夠在客戶端存儲數據，以便在離線時訪問和更新。
6. Web Workers：HTML5 引入了 Web Workers API，允許在后臺運行腳本，從而提高網頁的性能和響應速度。開發者可以將耗時的任務放在后臺線程中進行處理，不會阻塞主線程的執行。

總而言之，HTML5 提供了許多新的功能和 API，使得開發者能夠更靈活、更強大地構建現代網頁應用。同時，它也更好地支持移動設備和多媒體內容，提供了更好的用戶體驗。