整合營銷服務(wù)商
電腦端+手機(jī)端+微信端=數(shù)據(jù)同步管理
免費(fèi)咨詢熱線：
電腦端+手機(jī)端+微信端=數(shù)據(jù)同步管理
免費(fèi)咨詢熱線：
殘酷的移動(dòng)互聯(lián)網(wǎng)競爭環(huán)境下，HTML5技術(shù)一直受到各方關(guān)注，“HTML5顛覆原生App”的爭論也從未停止過，不管怎樣HTML5生態(tài)的構(gòu)建方興未艾。不過對(duì)于移動(dòng)開發(fā)者來說更關(guān)心的問題是如何低成本、周期短開發(fā)出體驗(yàn)效果好的App，所以當(dāng)下用HTML5遠(yuǎn)比賭HTML5更現(xiàn)實(shí)。于是，一個(gè)一直被提及但是從沒有占據(jù)過統(tǒng)治地位的概念又一次走進(jìn)了移動(dòng)開發(fā)者們的視野，那就是跨平臺(tái)開發(fā)。
AD：WOT2015互聯(lián)網(wǎng)運(yùn)維與開發(fā)者大會(huì)熱銷搶票
目前國內(nèi)外已經(jīng)有很多基于HTML5的跨平臺(tái)開發(fā)工具，你并不需要任何的原生應(yīng)用編程經(jīng)驗(yàn)，你只需要一些HTML的相關(guān)知識(shí)，懂一些CSS和JavaScript，運(yùn)用工具中所提供的各種豐富的功能模塊，便可在很短時(shí)間內(nèi)完成App的開發(fā)而且讓你的App具備完美的原生體驗(yàn)。
推薦幾款跨平臺(tái)工具
1、Appcelerator
Appcelerator的Titanium開發(fā)平臺(tái)使開發(fā)者可以通過HTML、PHP、JavaScript、Ruby、Python等Web編程語言開發(fā)手機(jī)、平板和桌面的原生App。其優(yōu)勢(shì)在于它可以讓用戶輕松地訪問超過300個(gè)API以及定位信息。
此外，Appcelerator提供針對(duì)特定行為或事件定制的統(tǒng)計(jì)。App的數(shù)據(jù)既可儲(chǔ)存在云端，也可儲(chǔ)存在設(shè)備上。
2、APICloud
APICloud是一款“云端一體”的移動(dòng)開發(fā)平臺(tái)，信仰“云端一體”的理念，重新定義了移動(dòng)應(yīng)用開發(fā)。APICloud為開發(fā)者從“云”和“端”兩個(gè)方向提供API，簡化移動(dòng)應(yīng)用開發(fā)技術(shù)，讓移動(dòng)應(yīng)用的開發(fā)周期從一個(gè)月縮短到7天。APICloud由“云API”和“端API”兩部分組成，可以幫助開發(fā)者快速實(shí)現(xiàn)移動(dòng)應(yīng)用的開發(fā)、測試、發(fā)布、管理和運(yùn)營的全生命周期管理。
2、PhoneGap
PhoneGap是一個(gè)免費(fèi)且開源的開發(fā)環(huán)境，使開發(fā)者可以開發(fā)出在Android、Palm、黑莓、iPhone、iTouch及iPad等設(shè)備上運(yùn)行的App。其使用的是HTML和JavaScript等標(biāo)準(zhǔn)的Web開發(fā)語言。開發(fā)者使用PhoneGap進(jìn)行開發(fā)，可調(diào)用加速計(jì)、GPS/定位、照相機(jī)、聲音等功能。
PhoneGap還提供Adobe AIR App以及在線的培訓(xùn)課程，幫助開發(fā)者了解原生API并在他們自己的平臺(tái)上開發(fā)移動(dòng)App。
4、NativeScript
NativeScript是使用移動(dòng)平臺(tái)的JavaScript引擎來進(jìn)行跨平臺(tái)開發(fā)。邏輯部分自然無需多說，關(guān)鍵在于如何使用平臺(tái)特性。NativeScript是通過反射得到所有平臺(tái)API，預(yù)編譯它們，然后將這些API注入到JavaScript運(yùn)行環(huán)境，接下來在Javascript調(diào)用后攔截這個(gè)調(diào)用，并運(yùn)行native代碼。NativeScript是使用大量web開發(fā)的技巧來進(jìn)行app開發(fā)，因?yàn)楣ぞ哝満驼Z言都非常熟悉受到了很多前端開發(fā)者的歡迎。
5、Kinvey
Kinvey同樣是一個(gè)為移動(dòng)應(yīng)用開發(fā)者提供后臺(tái)創(chuàng)建服務(wù)的平臺(tái)。Kinvey強(qiáng)調(diào)加速移動(dòng)應(yīng)用開發(fā)與銷售的“即取即用”理念。Kinvey的中間層與數(shù)據(jù)層均托管在多個(gè)云服務(wù)提供商處，包括Rackspace、Amazon與Microsoft。所有通過Kinvey存儲(chǔ)的數(shù)據(jù)都會(huì)有四種方式備份：Amazon EC2、Windows Azure、Rackspace以及Kinvey自己的服務(wù)器，假如其中一兩個(gè)出現(xiàn)了故障，用戶的數(shù)據(jù)依然安然無恙。
總結(jié)：
關(guān)于HTML5和原生App的爭論一直在繼續(xù)，不論最后誰能取勝，開發(fā)者更關(guān)心App的開發(fā)速度和最終體驗(yàn)。合理的使用工具會(huì)讓開發(fā)效率大大提升，甚至達(dá)到事半功倍的效果，希望能有一款適合您。
期待未來有一天，App開發(fā)可以像在紙上畫畫一樣簡單。
聲明：IT之家網(wǎng)站刊登/轉(zhuǎn)載此文出于傳遞更多信息之目的，并不意味著贊同其觀點(diǎn)或論證其描述。
HTML5日漸成為Web開發(fā)的主流技術(shù)之一，目前，W3C已經(jīng)完成了HTML5的基本特性，HTML5成為 W3C官方標(biāo)準(zhǔn)指日可待。
目前互聯(lián)網(wǎng)中已經(jīng)出現(xiàn)了大量HTML5應(yīng)用，其展示的效果一點(diǎn)也不輸Flash，甚至要更為強(qiáng)大。該技術(shù)最大的優(yōu)勢(shì)是跨平臺(tái)，甚至未來有可能成為開發(fā)移動(dòng)應(yīng)用的主要技術(shù)。
本文為你帶來 6 個(gè)強(qiáng)大的 HTML5應(yīng)用開發(fā)工具，希望可以提高你的開發(fā)效率。
1. Adobe Edge Animate
Adobe Edge Animate 是一款 Adobe 開發(fā)的全新的工具，致力于尋求適用于 HTML5、CSS3 和 JavaScript的交互、動(dòng)畫編程體驗(yàn)。
該工具有一個(gè)類似 Flash Pro 的用戶界面，允許開發(fā)者對(duì)交互內(nèi)容、動(dòng)畫進(jìn)行精準(zhǔn)的控制。目前尚不支持 HTML5 canvas 和 audio 標(biāo)簽，Adobe 表示會(huì)在未來增加支持。
2. HTML KickStart
這是一套集合了各種 CSS、HTML5 和 jQuery 模塊的工具，不僅可以幫助你節(jié)省開發(fā)時(shí)間，還可以幫助你獲取 HTML5 開發(fā)的靈感。
該工具包中包含了大量預(yù)配置、預(yù)格式化的功能塊，你可以非常快地實(shí)現(xiàn)一些特定的功能，如幻燈、按鈕、選項(xiàng)卡等。
3. HTML5 Reset
HTML5 Reset 包含了一組 HTML、CSS 相關(guān)的文件，幫助你在開始新項(xiàng)目的時(shí)候節(jié)省時(shí)間，并提供了基于 HTML5 的空白 WordPress 模板。
4. Liveweave
這是一個(gè) HTML5、JavaScript 和 CSS3 代碼在線測試工具，你可以直觀地看到你的代碼的運(yùn)行情況。此外，該工具還具備代碼自動(dòng)完成功能，你也可以將其作為一個(gè)在線 IDE 來使用。
5. Modernizr
Modernizr 是一個(gè)開源的JS庫，它使得基于訪客瀏覽器的不同而開發(fā)不同級(jí)別體驗(yàn)的設(shè)計(jì)工作變得簡單。當(dāng)你在網(wǎng)頁中嵌入 Modernizr 腳本時(shí)，它會(huì)檢測用戶當(dāng)前瀏覽器是否支持 CSS3 和 HTML5 的特性，然后你可以決定是否創(chuàng)建一個(gè)基于 JS 的 fallback，或者對(duì)那些不支持的瀏覽器進(jìn)行簡單的優(yōu)雅降級(jí)。
6. Video.js
Video.js 是一個(gè)基于 JavaScript 的 HTML5 視頻播放器，可以幫你更加簡單的構(gòu)建 HTML5 視頻。Video.js 提供了一個(gè)通用控件，內(nèi)置的 HTML/CSS 皮膚，修復(fù)了跨瀏覽器的兼容性問題，還擴(kuò)展了許多附加功能，例如全屏、字幕等。如果用戶瀏覽器不支持 HTML5 視頻，還可以退回到 Flash 或其他播放技術(shù)。
著HTML5的發(fā)展，可以說HTML5已經(jīng)成為了移動(dòng)應(yīng)用的核心技術(shù)推動(dòng)力，它有可能成為所有程序的基礎(chǔ)，HTML5才是移動(dòng)互聯(lián)網(wǎng)真正的未來。未來的幾年，也許就是基于HTML5的大變革時(shí)期。所以學(xué)好HTML5是非常重要的?，F(xiàn)在我就給大家分享幾個(gè)HTML5的開發(fā)工具。
一、AdobeEdge
目前還處于預(yù)覽階段的AdobeEdge是用HTML5、CSS、JavaScript開發(fā)動(dòng)態(tài)互動(dòng)內(nèi)容的設(shè)計(jì)工具。內(nèi)容可以同時(shí)兼容移動(dòng)設(shè)備和桌面電腦。Edge的一個(gè)重要功能是Web工具包界面，方便確保頁面在不同瀏覽器中的架構(gòu)一致性，此外Edge還將整合TypeKit這樣的字體服務(wù)。
動(dòng)畫和圖形可以添加到HTML元素中，程序也能通過Edge自身的代碼片段庫或者JavaScript代碼進(jìn)行擴(kuò)展。動(dòng)畫可以在獨(dú)立的時(shí)間線上進(jìn)行嵌套，還能實(shí)現(xiàn)互動(dòng)功能。符合可以服用并通過API和代碼片段控制。通過Edge設(shè)計(jì)的內(nèi)容可以兼容iOS和Android設(shè)備，也可以運(yùn)行在火狐、Chrome、Safari和IE9等主流瀏覽器。
二、AdobeColdFusion10
ColdFusion是用來開發(fā)企業(yè)Web程序的服務(wù)器端技術(shù)，通過Websockets、互動(dòng)表單、視頻和地理標(biāo)簽等HTML5技術(shù)創(chuàng)建富媒體用戶體驗(yàn)。
三、SenchaTouch2
SenchaTouch2是移動(dòng)應(yīng)用框架，也被看作是Sencha的HTML5平臺(tái)。開發(fā)者可以用它開發(fā)面向iOS、Android和Blackberry、KindleFire等多種平臺(tái)的移動(dòng)應(yīng)用。
四、DojoFoundationMaqetta
來自于IBM的一個(gè)項(xiàng)目，DojoFoundationMaqetta是為桌面和移動(dòng)設(shè)備開發(fā)HTML5應(yīng)用的開源工具，支持在瀏覽器中查看HTML5界面。用戶體驗(yàn)設(shè)計(jì)師可以通過拖放組裝UI樣板
五、JetBrainsWebStorm4.0
作為擁有HTML編輯器的JavaScript集成開發(fā)環(huán)境，WebStorm4.0提供了開發(fā)web應(yīng)用的HTML5樣板。開發(fā)者可以在創(chuàng)建HTML文檔時(shí)可獲得對(duì)HTML5文件的支持。例如砍伐者鍵入。開發(fā)者還可以在chrome瀏覽器中實(shí)時(shí)預(yù)覽HTML文檔。
更多內(nèi)容和資訊或者問題，更多干貨分享，盡在我的個(gè)人微信公眾號(hào)，微信名：非著名程序員，微信號(hào)：smart_android（←長按復(fù)制）。個(gè)人微信號(hào)：loonggg微博：澀郎
*請(qǐng)認(rèn)真填寫需求信息，我們會(huì)在24小時(shí)內(nèi)與您取得聯(lián)系。
