HTML5被看做是Web開發(fā)者創(chuàng)建流行web應(yīng)用的利器，增加了對視頻和Canvas 2D的支持。用HTML5的優(yōu)點主要在于，這個技術(shù)可以進行跨平臺的使用。比如你開發(fā)了一款HTML5的游戲，你可以很輕易地移植到UC的開放平臺、Opera的游戲中心、Facebook應(yīng)用平臺，甚至可以通過封裝的技術(shù)發(fā)放到App Store或Google Play上，所以它的跨平臺性非常強大，這也是大多數(shù)人對HTML5有興趣的主要原因。今天,我將為大家推薦幾個主流的HTML5開發(fā)工具。
創(chuàng)新互聯(lián)建站服務(wù)項目包括伽師網(wǎng)站建設(shè)、伽師網(wǎng)站制作、伽師網(wǎng)頁制作以及伽師網(wǎng)絡(luò)營銷策劃等。多年來，我們專注于互聯(lián)網(wǎng)行業(yè)，利用自身積累的技術(shù)優(yōu)勢、行業(yè)經(jīng)驗、深度合作伙伴關(guān)系等，向廣大中小型企業(yè)、政府機構(gòu)等提供互聯(lián)網(wǎng)行業(yè)的解決方案，伽師網(wǎng)站推廣取得了明顯的社會效益與經(jīng)濟效益。目前，我們服務(wù)的客戶以成都為中心已經(jīng)輻射到伽師省份的部分城市，未來相信會繼續(xù)擴大服務(wù)區(qū)域并繼續(xù)獲得客戶的支持與信任！
1、Sublime Text
Sublime Text是一個跨平臺的代碼編輯器，同時支持Windows、Linux、Mac OS X等操作系統(tǒng)，也是HTML的文本編輯器。
Sublime Text具有漂亮的用戶界面和強大的功能，主要功能包括：拼寫檢查、書簽、完整的 Python API 、Goto 功能、即時項目切換、多選擇、多窗口等等。
2、Dreamweaver cc
Dreamweaver是集網(wǎng)頁制作和管理網(wǎng)站于一身的所見即所得網(wǎng)頁編輯器，擁有可視化編輯界面，支持代碼、拆分、設(shè)計、實時視圖等多種方式來創(chuàng)作、編寫和修改網(wǎng)頁，初學(xué)HTML5的人可以無需編寫任何代碼就能快速創(chuàng)建Web頁面。
3、Adobe Edge
Adobe Edge是一款新型網(wǎng)頁互動工具，允許設(shè)計師通過HTML5、CSS和Java制作網(wǎng)頁動畫。Edge的一個重要功能是Web工具包界面，方便確保頁面在不同瀏覽器中的架構(gòu)一致性。
4、WebStorm
WebStorm是一款Java開發(fā)工具，WebStorm具有的優(yōu)勢是：智能的代碼補全、代碼格式化、html提示、聯(lián)想查詢、代碼重構(gòu)、代碼檢查和快速修復(fù)、代碼調(diào)試、代碼結(jié)構(gòu)瀏覽、代碼折疊、包裹或者去掉外圍代碼。
5、HBuilder
HBuilder，即Html Builder的縮寫，Builder是建造者的意思。HBuilder是一個極客工具，追求無鼠標(biāo)的極速操作，不管是敲代碼的快捷設(shè)定，還是操作功能的快捷設(shè)定，都融入了效率第一的設(shè)計思想。
6、visual studio code
一個運行于Mac OS X、Windows和 Linux 之上的，針對于編寫現(xiàn)代Web和云應(yīng)用的跨平臺源代碼編輯器。該編輯器也集成了所有一款現(xiàn)代編輯器所應(yīng)該具備的特性，包括語法高亮，可定制的熱鍵綁定，括號匹配以及代碼片段收集。
7. DevExtreme
DevExtreme Complete Subion是性能比較好的的HTML5、CSS和Java移動開發(fā)框架，可以直接在Visual Studio集成開發(fā)環(huán)境，構(gòu)建iOS、Android、Tizen和Windows Phone 8應(yīng)用程序。DevExtreme包含 PhoneJS 和 ChartJS 兩個原生UI組件，并且提供源代碼。目前，DevExtreme支持VS2010/2012/2013集成開發(fā)環(huán)境，兼容Android 4+、iOS5+、Windows 8、Window Phone 8、Tizen五大移動平臺，是Visual Studio開發(fā)人員開發(fā)跨平臺移動產(chǎn)品的首選工具。
8. Sencha Architect
在開發(fā)移動和桌面應(yīng)用的工具中，Sencha的定位是HTML5可視化應(yīng)用開發(fā)。開發(fā)團隊可以在一個單一集成的環(huán)境中完成應(yīng)用的設(shè)計、開發(fā)和部署。開發(fā)者還可以開發(fā)Sencha Touch2和Ext JS4 Java應(yīng)用，并實時預(yù)覽。
開發(fā)工具的選擇，可以說是開發(fā)者社區(qū)中一個經(jīng)久不衰的話題，現(xiàn)今編輯器的數(shù)量數(shù)不勝數(shù)，vim、sublime Text,Emacs,Atom等等，那么對于一個開發(fā)者而言，挑選一個合適的編輯器是可以有效的提高編程效率;那么以上是我為大家推薦的幾款開發(fā)工具啦，大家可根據(jù)自己的喜好選擇哦！
《HTML5WebSocket權(quán)威指南》（VanessaWang/FrankSalim/PeterMoskovits）電子書網(wǎng)盤下載免費在線閱讀
鏈接:
提取碼: 6p3m ?
書名:HTML5WebSocket權(quán)威指南
豆瓣評分:7.0
作者:VanessaWang/FrankSalim/PeterMoskovits
出版社:?機械工業(yè)出版社
譯者:?姚軍
出版年:?2014-3
頁數(shù):?193
內(nèi)容簡介:
《HTML5 WebSocket權(quán)威指南》是HTML5 WebSocket領(lǐng)域最權(quán)威的著作之一，它系統(tǒng)、全面地講解了HTML5 WebSocket的各個方面，是Web開發(fā)人員和架構(gòu)師學(xué)習(xí)WebSocket的最佳選擇。書中討論了基于WebSocket的架構(gòu)師如何減少不必要的網(wǎng)絡(luò)開銷和延遲層，如何通過WebSocket對廣泛使用的協(xié)議（如XMPP和STOMP）進行分層，如何保護WebSocket連接和在企業(yè)部署基于 WebSocket的應(yīng)用程序。主要內(nèi)容包括： WebSocket API和協(xié)議、WebSocket協(xié)議通信的例子、WebSocket的安全性和企業(yè)部署、內(nèi)置即時通信和聊天應(yīng)用程序的WebSocket與XMPP、通過WebSocket的STOMP實現(xiàn)發(fā)布/訂閱消息傳遞協(xié)議，以及用遠程幀緩沖協(xié)議實現(xiàn)VNC。
作者簡介:
vanessa wang，html5領(lǐng)域的布道者和實踐者，熱衷于html5和websocket的研究，是舊金山html5用戶組的聯(lián)合組織者，負責(zé)組織html5和相關(guān)技術(shù)的社區(qū)活動．vanessa目前是kaazing公司的技術(shù)出版經(jīng)理，15年來一直堅持撰寫技術(shù)文章。kaazing是一家軟件公司，旨在使用新的websocket標(biāo)準改進企業(yè)和客戶通過web通信的方式。寫作之余，她喜歡打跆拳道、騎自行車和拉大提琴。
frank salim，google公司資深軟件工程師，擁有pomona學(xué)院的計算機科學(xué)學(xué)位。曾經(jīng)是kaazing公司最早的工程師之一，協(xié)助建立了websocket網(wǎng)關(guān)和客戶端策略。2010年，frank與人合著了《pro html5 programming》(apress)一書。編程之余，他喜歡閱讀、繪畫和單排輪滑。
peter moskovits，kaazing公司實時解決方案負責(zé)人。peter與架構(gòu)師和開發(fā)人員社區(qū)緊密協(xié)作，構(gòu)建和部署最好的web解決方案。在加入kaazing之前，peter擔(dān)任過多種產(chǎn)品的管理工作，并曾經(jīng)負責(zé)oracie的門戶產(chǎn)品策略．peter經(jīng)常在會議和業(yè)界活動上發(fā)表演講，包括goto、yow!、javaone、oracle openworld、html5deconf、devcon5和各種用戶組會議。他還是《oracle webcenter 11g handbook》的合著者。
挺不錯的。
HTML5可謂是當(dāng)前的熱門行業(yè)，HTML5以其跨平臺、易分享、高交互、開源生態(tài)系統(tǒng)發(fā)達等特性迅速發(fā)展成為移動互聯(lián)網(wǎng)新一代的核心技術(shù)，被眾多企業(yè)所應(yīng)用，尤其是HTML5對3D與VR的支持，使其未來有了更強的行業(yè)延續(xù)性和廣闊的就業(yè)前景。HTML5雖然功能強大，但是畢竟不是萬能的，接下來咱們就來盤點一下盤點HTML5都可以開發(fā)哪些移動互聯(lián)網(wǎng)產(chǎn)品?
HTML5都可以開發(fā)哪些移動互聯(lián)網(wǎng)產(chǎn)品呢?這可以分為幾大類：
1、搜索產(chǎn)品
的確，由Android系統(tǒng)定義的移動互聯(lián)網(wǎng)搜索生態(tài)，是將搜索框作為整個移動互聯(lián)網(wǎng)的入口，這樣最符合谷歌的利益，也必然使得WEB頁面成為處理搜索需求的主要場景——難以想象，如果搜索引擎是一個原生app，而這個app控制了跨平臺的移動設(shè)備上網(wǎng)入口，谷歌將會多么抓狂。
除此之外，由于HTML5技術(shù)本質(zhì)上是增強了WEB頁面在移動設(shè)備上的用戶體驗，并增強了WEB頁面可以實現(xiàn)的功能和效果，所以搜索本身這一行為就適合HTML5。因為用戶常常需要在不同的平臺及界面上使用搜索引擎。手機、平板電腦、PC甚至是游戲機。逐一平臺去推廣客戶端遠不如把功能全部放在Web頁面方便。
對于以獲取資訊為目的的搜索行為，跨平臺和碎片化是常態(tài)，使用客戶端無法保證用戶在每次搜索時用戶體驗的連貫性。在搜索產(chǎn)品中，客戶端式的app對于用戶反饋的偏好和歷史數(shù)據(jù)也不能良好處理，
所以對于內(nèi)容和媒體型的搜索產(chǎn)品而言，未來必然是要全面HTML5化的。谷歌似乎已經(jīng)開始了這方面的動作。谷歌的WEB在桌面上已經(jīng)去掉了傳統(tǒng)的導(dǎo)航欄。有用戶反映這樣會使得使用谷歌的部分功能更麻煩，但也有觀點認為谷歌在嘗試更新的技術(shù)，比如用手勢來代替導(dǎo)航按鈕。這是應(yīng)用新一代Web技術(shù)的強烈信號?；蛟S谷歌會給大家展示出HTML5更強大的可能性。
2、社交產(chǎn)品
對于社交媒體產(chǎn)品，中文環(huán)境中大家最熟悉的社交媒體大概是新浪微博。不過新浪微博似乎并沒有對HTML5投入太多的興趣——以至于其通過瀏覽器使用時只有一個極為簡陋的WAP版。事實上微博等社交媒體是極為適合全面WEB化的。新浪微博是一個極好的負面案例：目前新浪微博第三方客戶端也是一個紅海市場，一方面針對新浪推出的官方客戶端的優(yōu)化和個性化需求切實存在，另一方面微博用戶的體驗和習(xí)慣被這個因素切割得千奇百怪，大大影響了微博新功能的開發(fā)和推廣(“密友”無疑是一個悲劇)。
事實上，如果新浪微博從一開始在移動端就是一個Web app，利用HTML5技術(shù)把所有的功能放在頁面上實現(xiàn)，不僅能統(tǒng)一移動端和PC端的用戶體驗及數(shù)據(jù)，還能充分滿足不同用戶在自己終端上的個性化需求，為全體微博用戶提供統(tǒng)一的服務(wù)。反過來也能使新浪以微博為平臺，推出更多有針對性的服務(wù)和產(chǎn)品——它們可以是客戶端式的原生app。
不僅僅是微博這種類Twitter產(chǎn)品。其他具備媒體屬性的社區(qū)同樣會面臨這個問題。事實上，對于非垂直類、調(diào)性娛樂化、受眾全民化的社交媒體產(chǎn)品，HTML5是一個比客戶端app更好的選擇。HTML5不僅僅能提供更炫的樣式和功能，而且甚至?xí)l(fā)展到落地為一個專屬的瀏覽器，從社交媒體轉(zhuǎn)變?yōu)樯缃凰阉骼^而把握移動互聯(lián)網(wǎng)的入口——嗯，F(xiàn)acebook正想這么干。
3、資訊新聞產(chǎn)品
這類產(chǎn)品在目前同樣是客戶端式app的大熱門。但它們恰恰是最適合HTML5開發(fā)的產(chǎn)品之一。
與綜合資訊相比，垂直類的資訊產(chǎn)品尤其適合Web化。HTML5不僅僅能如社交媒體一樣給用戶(讀者)提供打通PC桌面與移動終端的閱讀和交互體驗，更重要的是，HTML5化的垂直資訊產(chǎn)品能夠搶占整個垂直領(lǐng)域的信息入口。
想象一下這樣一個場景：出現(xiàn)一個科技突發(fā)事件，各家垂直門戶媒體都趕緊搶著把新聞發(fā)了，然后往自己的移動客戶端上推送信息。結(jié)果一個裝了七八個資訊 應(yīng)用的用戶在自己手機上把同一條信息讀了七八遍——這時，他對這件事產(chǎn)生好奇心了，想要了解一下來龍去脈和相關(guān)評論，他應(yīng)該怎么辦呢?在手機上打開瀏覽 器，在百度新聞里查找;然后打開微博客戶端，在微博中搜索關(guān)鍵字;最后還可能復(fù)制一些段子丟到微信群或者朋友圈中……整個過程下來，資訊客戶端app的價值就被打了好幾輪折扣了。
HTML5將會在垂直資訊媒體中引起革命。但似乎，大部分媒體還沒有意識到風(fēng)暴來臨。
此外，對于綜合資訊產(chǎn)品來說，HTML5也能夠提供足夠好的支持。之所以稱綜合資訊相對于垂直資訊產(chǎn)品對Web化的需求沒那么重，是因為垂直資訊產(chǎn)品有賴于社交網(wǎng)絡(luò)，并需要高強度的互動。但綜合資訊更傳統(tǒng)化，如同人們吃早飯時看報紙一樣，許多內(nèi)容的用戶場景只僅僅是閱讀而已。這使得綜合資訊產(chǎn)品對其他應(yīng)用的功能并不那么倚重，這樣一來似乎無論是采用客戶端式app還是WEB頁面都可以達到一樣的效果。
但有觀點并不認同這個判斷。來自搜狐門戶網(wǎng)站的數(shù)據(jù)顯示，其用戶對于其采用HTML5技術(shù)的“手機搜狐概念版”的需求在不斷上升，無論是流量還是用戶停留時間，增長速度都超過了一般的門戶新聞客戶端。搜狐方面的解釋是，在目前瀏覽器占據(jù)用戶大量手機上網(wǎng)時間的背景下，用戶自然被引導(dǎo)到Web app上是正常的。于是有業(yè)內(nèi)人士依此判斷認為，綜合資訊產(chǎn)品也是適合HTML5開發(fā)的——理由同垂直資訊產(chǎn)品，用戶在瀏覽器環(huán)境下不必切換界面就可以使用產(chǎn)品。也許客戶端app與Web app在產(chǎn)品中的用戶體驗難分高下，但沒有安裝門檻和告別更新時代使得HTML5在易用性上勝出一籌。
4、游戲產(chǎn)品
最后是依靠CPM廣告獲取收入的游戲，使用HTML5開發(fā)會更具競爭力。目前移動游戲通過內(nèi)置購買和CPM廣告獲取收入已經(jīng)成為比較成熟的兩個路徑。大部分的游戲開發(fā)商是兩者并行。但基于游戲本身的屬性和用戶特點，不同游戲會有不同方向的側(cè)重。事實上，如果在前期策劃階段就確定主要通過廣告來獲取收入，采用HTML5開發(fā)將賦予開發(fā)者更多的優(yōu)勢。
這是兩個極端。雖然HTML5技術(shù)仍在完善中，包括直接在頁面上實現(xiàn)支付的功能也是一個技術(shù)熱門。但是如果主要是向玩家兜售道具和游戲幣，客戶端式的app是必不可少的。這不僅僅更加安全，而且適用于玩家玩“大作”的心態(tài)。很多復(fù)雜的數(shù)值搜集與調(diào)試也更匹配客戶端的場景。
但如果是以廣告展示為主的游戲(主要是休閑游戲)，去掉分發(fā)、下載和版本更新的門檻將使開發(fā)者獲得更多用戶，進而提高來自廣告的收入。而且利于快速迭代游戲內(nèi)容——包括廣告內(nèi)容。而且HTML5游戲天生就具備跨平臺分發(fā)廣告的能力。這對于游戲開發(fā)者來說是一大福音。更低的研發(fā)和更新成本，更廣泛的用戶群體，更輕松的推廣運營……如果不太指望玩家為了道具買單，為什么不直接上HTML5呢?
從以上四個案例可以看出，究竟哪些互聯(lián)網(wǎng)產(chǎn)品最適合用HTML5開發(fā)：
1、需要頻繁跨平臺、跨屏幕使用的產(chǎn)品;
2、社交分享互動密度和強度都較高的內(nèi)容產(chǎn)品;
3、對分發(fā)內(nèi)容(廣告)的需求強烈的產(chǎn)品;
4、期望極低邊際用戶成本的產(chǎn)品。
雖然移動互聯(lián)網(wǎng)以及app開發(fā)仍然是目前的熱門，且有激進觀點認為Web將會因此衰亡。但HTML5技術(shù)的發(fā)展無疑賦予了Web更強大的生命力，在許多場景下，Web或許會顛覆目前的app市場格局。
很久以前整理了篇將手機網(wǎng)站做成手機應(yīng)用的JS框架。時隔一年多，很多新的技術(shù)已經(jīng)出現(xiàn)，下面再來總結(jié)下還有哪些框架是適合面向手機設(shè)備的開發(fā)的。
1、jQuery Mobile
jQuery Mobile 是 jQuery 在手機上和平板設(shè)備上的版本。jQuery Mobile 不僅會給主流移動平臺帶來jQuery核心庫，而且會發(fā)布一個完整統(tǒng)一的jQuery移動UI框架。支持全球主流的移動平臺。jQuery Mobile開發(fā)團隊說：能開發(fā)這個項目，我們非常興奮。移動Web太需要一個跨瀏覽器的框架，讓開發(fā)人員開發(fā)出真正的移動Web網(wǎng)站。
2、jQTouch
jQTouch 是一個 jQuery 的插件，主要用于手機上的 Webkit 瀏覽器上實現(xiàn)一些包括動畫、列表導(dǎo)航、默認應(yīng)用樣式等各種常見UI效果的 JavaScript 庫。支持包括 iPhone、Android 等手機。
3、DHTMLX Touch
DHTMLX Touch是一個免費的HTML5/JavaScript框架，專門為觸摸屏設(shè)備而優(yōu)化。為您帶來快速開發(fā)工藝精美的移動Web應(yīng)用程序的能力。DHTMLX Touch UI Designer是一個可視化的編輯器用于構(gòu)建移動用戶界面。它能夠幫您以最少的編碼構(gòu)建一流的用戶界面。在其主頁上提供一些示例可以展示DHTMLX Touch強大的用戶界面。包括一個menu app for the iPad (適用于開發(fā)餐廳應(yīng)用) 和Book Shop (一個電子書店應(yīng)用)。
4、Mobilize.js
Mobilize.js是一個開源的HTML5-JavaScript框架用于從任何現(xiàn)在有標(biāo)準網(wǎng)站快速，簡便地構(gòu)建移動網(wǎng)站。這個框架其實就是將需要在移動設(shè)備上顯示的部分頁面以jQuery Mobile的默認主題顯示，而不是實現(xiàn)一個全新完整的移動頁面。Mobilize.js 可用于任意網(wǎng)站，但對于基于WordPress和Sphinx的網(wǎng)站不需要使用該框架轉(zhuǎn)換，因為已經(jīng)有非常多的插件可以使用。
5、The M Project
The-M-Project是另外一個強大的JavaScript框架，它利用HTML5新的特性來更好和更簡便地開發(fā)移動應(yīng)用。這個框架遵循著名的MVC軟件架構(gòu)模式。它還支持離線，所以你的用戶可以在沒有連接網(wǎng)絡(luò)的情況下繼續(xù)操作(當(dāng)下次有連線的時候，再將數(shù)據(jù)同步到服務(wù)器中)。提供優(yōu)秀的文檔(這個項目擁有一個引導(dǎo)新用戶入門的開發(fā)指南)?？梢圆榭刺峁┑氖纠齺韺υ擁椖坑幸粋€初目的了解。這些示例包括：ToDo App(待辦事項目應(yīng)用) 和 KitchenSink (這個示例包括這個框架提供的所有UI元素)。
6、WebApp.Net
WebApp.Net 提供了很多的 API，因此可以幫助你節(jié)省很多工作了。不需要花時間去進行 Ajax 調(diào)用的編碼，因為已經(jīng)內(nèi)置了，另外還有很多其它內(nèi)置功能，提供了詳細的文檔和應(yīng)用演示。
7、Wijmo
Wijmo是一個基于jQuery UI的UI部件的套件。Wijmo部件進行了優(yōu)化客戶端Web開發(fā)和利用jQuery的優(yōu)越的性能和易用性的力量。所有的Wijmo部件都配備了20多個主題和支持ThemeRoller。
8、960 Grid on jQuery-Mobile
jquery-mobile-960 是一個用于移動 Web 開發(fā)的網(wǎng)格框架，綜合了 960.gs 的靈活性和 jQuery Mobile 的方便性。它的目的是讓 jQuery Mobile 布局更加的靈活，使得應(yīng)用應(yīng)許在移動終端更加易用。
9、Sencha Touch Framework
Sencha Touch 是世界上第一個基于 HTML5 的移動 Web 開發(fā)框架，支持最新的 HTML5 和 CSS3 標(biāo)準，全面兼容 Android 和 Apple iOS 設(shè)備，提供了豐富的 WEB UI 組件，可以快速的開發(fā)出運行于移動終端的應(yīng)用程序。Shencha是第一個使用HTML5，CSS和JavaScript并且支持音頻/視頻，本地存儲，圓角，漸變背景以及陰影的開發(fā)框架。
10、NimbleKit
NimbleKit 是為 iOS 設(shè)備構(gòu)建應(yīng)用程序最快速的方式，你不需要知道 Objective-C 或者 iOS SDK，你只需結(jié)合 JavaScript 代碼編寫 HTML 頁面就可以了。
11、Touchy? Boilerplate
Touchy Boilerplate 是一個用來創(chuàng)建移動web app，包括HTML模板，Meta tag等的工具。Touchy可以支持動態(tài)頁面導(dǎo)航，固定頁頭，滾動內(nèi)容，瀏覽歷史記錄等功能。Touchy使用jQuery或者 Zepto.JS。
12、PhoneGap
PhoneGap是一個用基于HTML，CSS和JavaScript的，創(chuàng)建移動跨平臺移動應(yīng)用程序的快速開發(fā)平臺。它使開發(fā)者能夠利用iPhone，Android，Palm，Symbian,WP7,Bada和Blackberry智能手機的核心功能——包括地理定位，加速器，聯(lián)系人，聲音和振動等，此外PhoneGap擁有豐富的插件，可以以此擴展無限的功能。PhoneGap是免費的，但是它需要特定平臺提供的附加軟件，例如iPhone的iPhone SDK，Android的Android SDK等，也可以和DW5.5配套開發(fā)。使用PhoneGap只比為每個平臺分別建立應(yīng)用程序好一點點，因為雖然基本代碼是一樣的，但是你仍然需要為每個平臺分別編譯應(yīng)用程序。
13、joshfire
Joshfire是一個開源的跨設(shè)備開發(fā)框架，幫助開發(fā)者創(chuàng)建可以在多種設(shè)備上運行的web app。它使用HTML5和JavaScript，并且允許開發(fā)者快速整合本地應(yīng)用和特定的web應(yīng)用。Joshfire可以讓你的應(yīng)用接受鍵盤，鼠標(biāo)，觸摸屏，遙控器等設(shè)備的輸入。Joshfire支持Node.JS。4.Sencha Touch：基于HTML5的移動網(wǎng)頁開發(fā)框架。
14、 Julia
Julia框架由基本CSS3文件、JS庫和各個平臺的運行庫構(gòu)成。不像PhoneGap，Julia不僅僅包含調(diào)用本機代碼的接口層，它還包含 Model-View-Controller(MVC)支持，Delegation支持，OAuth支持，異步數(shù)據(jù)庫存取接口，HTML選擇符(類jQuery調(diào)用接口)，HTML模版(允 許嵌入JS代碼)等應(yīng)用開發(fā)必備的API接口。 基于Julia的應(yīng)用開發(fā)就像網(wǎng)站開發(fā)那么簡單，是的，你終于可以用HTML5開發(fā)一個完整的、跨平臺 的、不亞于本機代碼的、易于維護的移動應(yīng)用了！大幕即將揭曉，讓我們一起進入移動開發(fā)的新時代
15、SproutCore HTML5 Application Framework
SproutCore 是一個 HTML5 移動 Web 開發(fā)框架，它的目標(biāo)是在無需瀏覽器插件的情況下，在瀏覽器中位應(yīng)用程序提供極佳的桌面效果。
16、Titanium
這是一個強大的，健壯的移動Web開發(fā)框架。能夠讓使用現(xiàn)有的HTML, CSS和JavaScript知識來為 iOS和Android平臺開發(fā)原生移動應(yīng)用。作為一個越來越大的移動Web框架，它擁有超過300個的APIs和活躍的開發(fā)者社區(qū)。你從這個社區(qū)中得到每一個開發(fā)人員的幫助。Titanium Mobile支持原生的iOS和Android UI元素如Table views, tabs, switches和popovers。它提供能夠與移動設(shè)備的攝像頭和本地文件存儲系統(tǒng)相交互的特性。
17、Lungo.js
Lungo.js 是一個采用HTML5, CSS3 和JavaScript技術(shù)實現(xiàn)的移動Web應(yīng)用程序開發(fā)框架。利用這框架開發(fā)的應(yīng)用程序可運行所有流行的平臺包括：iOS, Android, Blackberry 和 WebOs。它還支持觸摸事件如：tap, double-tap和swipe。整個框架沒有用到任何圖片包括圖標(biāo)，所有都矢量化?？梢栽谶@個框架中使用HTML5擁有的一些特性如：WebSQL, 地理位置定位，歷史或設(shè)備方向等。Lungo.js是一個模塊化并且完全可定制的框架。
18、xui.js
有時候你可能需要一個超輕量級的框架，只要擁有用于開發(fā)標(biāo)準客戶端所需要的功能如：DOM操作，事件處理，Ajax和一些動畫效果。如果是這樣的話，這個框架剛好非常適合你。整個框架采用GZIP壓縮完之后只有4.2 KB。
19、EmbedJS
EmbedJS是一個用于嵌入式設(shè)備的JavaScript框架如：移動電話，TVs、tablets和so forth。EmbedJS強大之處在于，它擁有專門為特定平臺和瀏覽器如iOS, Firefox, Android等提供相應(yīng)的開發(fā)版本。這樣就能夠以最少的代碼，為用戶提供最佳的體驗。而且假如你喜歡自己定制，可以利用其提供的EmbedJS Build tool工具實現(xiàn)。EmbedJS基于Dojo實現(xiàn)，所以你如果熟悉Dojo API語法，那EmbedJS將是你最佳的選擇。
20、zepto.js
zepto.js是一個專為mobile WebKit瀏覽器(如：Safari和Chrome)而開發(fā)的一個JavaScript框架。它標(biāo)榜自己在其簡約的開發(fā)理念，能夠幫助開發(fā)人員簡單、快速地完成開發(fā)交付任務(wù)。更重要的是這個JS框架，是超輕量級的，只有5KB。zepto.js的語法借鑒并且兼容jQuery。
21、Baker
Baker是用來在iPad或者iPhone平臺上發(fā)布交互式的電子書或者電子雜志的HTML5電子書框架。
22、ChocolateChip-UI
ChocolateChip-UI 是一個手機移動 Web 開發(fā)框架，采用 HTML5, WAML, CSS 和 JavaScript等技術(shù)實現(xiàn)?；?ChocolateChip JavaScript 框架，包含最新的 ChUI.JS 和 ChUI.css.
23、Magazine Grid
Magazine Grid 是一個超現(xiàn)代的 CSS 框架，用于 iPad 和 iPhone 手機，使用類似雜志的設(shè)計風(fēng)格。Magazine Grid 可讓用戶使用 HTML5 元素來組織雜志頁，非常輕量級(4k)，在移動設(shè)備上加載非?？欤瑢系臑g覽器也支持。
24、Kendo UI
Kendo UI是一個強大的框架用于快速HTML5 UI開發(fā)?；谧钚碌腍TML5、CSS3和JavaScript標(biāo)準。 Kendo UI包含了開發(fā)現(xiàn)代JavaScript開發(fā)所需要的所有一切，包括：強大的數(shù)據(jù)源，通用的拖拉(Drag-and-Drop)功能，模板，和UI控件。
25、HTML App Host Framework
這是一個用于構(gòu)建基于 Windows Phone 7 的 HTML/JavaScript 托管框架，使用 HTML5 技術(shù)。該框架由支持在標(biāo)準 xap 格式中嵌入 html 應(yīng)用的控件。
H5開發(fā)安卓界面需要注意以下三點：
（上）包括Android設(shè)備多分辨率的問題，Android中構(gòu)建HTML5應(yīng)用程序基礎(chǔ)
（中）包括Android與JS之間的互動，Android處理JS的警告對話框等，Android中的調(diào)試
（下）包括本地儲存在Android中的應(yīng)用，地理位置的應(yīng)用，離線應(yīng)用的構(gòu)建
進入正題
● Android設(shè)備多分辨率的問題
Android瀏覽器默認預(yù)覽模式瀏覽 會縮小頁面 WebView中則會以原始大小顯示
Android瀏覽器和WebView默認為mdpi。hdpi相當(dāng)于mdpi的1.5倍 ldpi相當(dāng)于0.75倍
三種解決方式：1 viewport屬性 2 CSS控制 3 JS控制
1 viewport屬性放在HTML的meta中
html代碼：
span style="font-size: x-small;" head
titleExmaple/title
meta name=”viewport” content=”width=device-width,user-scalable=no”/
/head/span
meta中viewport的屬性如下：
span style="font-size: x-small;" meta name="viewport"
content="
height = [pixel_value | device-height] ,
width = [pixel_value | device-width ] ,
initial-scale = float_value ,
minimum-scale = float_value ,
maximum-scale = float_value ,
user-scalable = [yes | no] ,
target-densitydpi = [dpi_value | device-dpi |
high-dpi | medium-dpi | low-dpi]
"
/
/span
2 CSS控制設(shè)備密度
為每種密度創(chuàng)建獨立的樣式表（注意其中的webkit-device-pixel-ratio 3個數(shù)值對應(yīng)3種分辨率）
html代碼：
link rel="stylesheet" media="screen and (-webkit-device-pixel-ratio: 1.5)" href="hdpi.css" /
link rel="stylesheet" media="screen and (-webkit-device-pixel-ratio: 1.0)" href="mdpi.css" /
link rel="stylesheet" media="screen and (-webkit-device-pixel-ratio: 0.75)" href="ldpi.css" /
3 JS控制
Android瀏覽器和WebView支持查詢當(dāng)前設(shè)別密度的DOM特性
window.devicePixelRatio 同樣值有3個（0.75,1,1.5對應(yīng)3種分辨率）
JS中查詢設(shè)備密度的方法
js代碼：
if (window.devicePixelRatio == 1.5) {
alert("This is a high-density screen");
} else if (window.devicePixelRation == 0.75) {
alert("This is a low-density screen");
}
Android中構(gòu)建HTML5應(yīng)用
使用WebView控件 與其他控件的使用方法相同 在layout中使用一個WebView標(biāo)簽
WebView不包括導(dǎo)航欄，地址欄等完整瀏覽器功能，只用于顯示一個網(wǎng)頁。
重慶分公司
重慶分公司
