HTML5移動(dòng)應(yīng)用開(kāi)發(fā)詳解
一、HTML5在移動(dòng)設(shè)備上的應(yīng)用開(kāi)發(fā)
由于HTML5在高端瀏覽器的高端移動(dòng)設(shè)備上的廣泛應(yīng)用，其已成為開(kāi)發(fā)Android系統(tǒng)App的重要工具。目前，Android 2.2以上及iOS 3.2以上版本均支持HTML5，兩大平臺(tái)有望全系列支持HTML5。這意味著開(kāi)發(fā)者可以使用HTML5技術(shù)創(chuàng)建跨平臺(tái)的移動(dòng)應(yīng)用。
二、HTML5離線應(yīng)用的優(yōu)勢(shì)
HTML5不僅可用于在線應(yīng)用，還可用于離線應(yīng)用的開(kāi)發(fā)。離線應(yīng)用通過(guò)將所需資源先緩存到本地，使得用戶在下次查看時(shí)無(wú)需聯(lián)網(wǎng)，從而提供了更快、更簡(jiǎn)便的服務(wù)。HTML5離線應(yīng)用還實(shí)現(xiàn)了代碼的高度重用，使得服務(wù)發(fā)布更為便捷。
三 結(jié)、HTML5的主要應(yīng)用領(lǐng)域
HTML5的應(yīng)用領(lǐng)域廣泛，如在無(wú)網(wǎng)絡(luò)環(huán)境下的Web郵箱、WebRSS以及Web地圖等服務(wù)。HTML5的技術(shù)重點(diǎn)還關(guān)注在動(dòng)畫(huà)、游戲以及地理定位方面的應(yīng)用，正被越來(lái)越多地用于改善用戶體驗(yàn)。
二、適合HTML5的開(kāi)發(fā)環(huán)境
對(duì)于跨平臺(tái)移動(dòng)開(kāi)發(fā)，基于HTML5開(kāi)發(fā)軟件界面和主要業(yè)務(wù)邏輯的方式已經(jīng)成為主流。建立一個(gè)完善的基于移動(dòng)平臺(tái)的HTML5開(kāi)發(fā)環(huán)境是非常必要的。以下是一些開(kāi)發(fā)環(huán)境的關(guān)鍵要素：
1. Javascript和Jquery mobile的編輯器：市面上存在多種Javascript編輯器可供選擇，如aptana studio（Eclipse插件）、Dreamweaver CS6以及appMobi等。這些編輯器都提供了代碼自動(dòng)完成、語(yǔ)法糾錯(cuò)等功能，有助于提升開(kāi)發(fā)效率。
2. HTML5元素的Inspector：在桌面系統(tǒng)的瀏覽器上，存在如firefox的firebug、chrome的開(kāi)發(fā)者工具等HTML5元素檢查工具。對(duì)于移動(dòng)平臺(tái)上的開(kāi)發(fā)，特別是基于phonegap的webview開(kāi)發(fā)，需要使用特定的工具。weinre是一個(gè)由phonegap官方提到的工具，能夠?qū)⒄{(diào)試器和設(shè)備連接起來(lái)，便于開(kāi)發(fā)調(diào)試。
3. Javascript遠(yuǎn)程斷點(diǎn)debug：對(duì)于移動(dòng)平臺(tái)的Javascript開(kāi)發(fā)，遠(yuǎn)程斷點(diǎn)debug是非常重要的。開(kāi)發(fā)者需要通過(guò)一些工具進(jìn)行遠(yuǎn)程調(diào)試，確保代碼的準(zhǔn)確性和穩(wěn)定性。
4. 移動(dòng)平臺(tái)Javascript開(kāi)發(fā)模式：在移動(dòng)平臺(tái)上進(jìn)行Javascript開(kāi)發(fā)，需要了解并熟悉特定的開(kāi)發(fā)模式，以便更好地適應(yīng)移動(dòng)設(shè)備的特性和限制。
HTML5為移動(dòng)應(yīng)用開(kāi)發(fā)帶來(lái)了廣闊的可能性。為了更有效地進(jìn)行HTML5移動(dòng)應(yīng)用開(kāi)發(fā)，開(kāi)發(fā)者需要熟悉相關(guān)的技術(shù)和工具，并建立一個(gè)完善的開(kāi)發(fā)環(huán)境。這不僅有助于提高開(kāi)發(fā)效率，還能確保應(yīng)用的性能和穩(wěn)定性。安裝weinre：從此開(kāi)始輕松之旅
=====================
一、安裝weinre的簡(jiǎn)易步驟
親愛(ài)的開(kāi)發(fā)者們，安裝weinre變得非常簡(jiǎn)單了。只需執(zhí)行以下命令，即可輕松完成安裝：
```bash
npm install weinre-g
```
如果你在Windows平臺(tái)上沒(méi)有做任何額外的配置，weinre會(huì)默認(rèn)安裝在以下路徑：
```bash
C:Users\AppDataRoamingpmode_modulesweinre
```
接下來(lái)，啟動(dòng)weinre的server，命令如下：
```bash
node path-to-weinre-node/weinre --boundHost all --httpPort 8082
```
這里使用“-all-”是為了在0.0.0.0上開(kāi)放端口8082，避免非本地設(shè)備無(wú)法遠(yuǎn)程訪問(wèn)這個(gè)端口。然后，你只需在要調(diào)試的頁(yè)面中加入weinre的代理即可。
二、Web App開(kāi)發(fā)與原生App開(kāi)發(fā)：哪個(gè)更適合你？
當(dāng)前市場(chǎng)上的App開(kāi)發(fā)類(lèi)型，主要有原生App、Web App和混合App三種。要開(kāi)發(fā)一款A(yù)PP，通常的成本不低，但在應(yīng)用公園平臺(tái)，即使你不懂編程，也可以制作原生的手機(jī)APP，成本可以降低90%左右。但你可能會(huì)發(fā)現(xiàn)，有些Web版的APP模板價(jià)格非常低，甚至不到一萬(wàn)。那么，原生APP和Web App哪個(gè)更好呢？下面我們來(lái)簡(jiǎn)單歸納一下他們的區(qū)別。
1. 功能上的區(qū)別
原生APP是一個(gè)系統(tǒng)性的應(yīng)用程序，可以充分利用手機(jī)終端的硬件設(shè)備，如語(yǔ)音、攝像頭、短信、GPS、藍(lán)牙、重力感應(yīng)等。而Web App主要是頁(yè)面展示類(lèi)的APP，其功能與電腦網(wǎng)頁(yè)功能類(lèi)似。原生APP在功能實(shí)現(xiàn)上更為強(qiáng)大。
2. 加載速度的比較
原生APP由“云服務(wù)器數(shù)據(jù)+APP應(yīng)用客戶端”兩部分構(gòu)成，所有的UI元素、數(shù)據(jù)內(nèi)容、邏輯框架均安裝在手機(jī)終端上，訪問(wèn)時(shí)無(wú)需重新下載加載。而Web App每打開(kāi)一個(gè)頁(yè)面都需要重新加載，訪問(wèn)速度受手機(jī)終端上網(wǎng)的限制，加載速度慢，且用戶體驗(yàn)較差。
3. 穩(wěn)定性考量
目前市場(chǎng)的web版的APP多為模板，這些模板雖然價(jià)格便宜，但功能單一，無(wú)法拓展。隨著市場(chǎng)瀏覽器、技術(shù)的進(jìn)步，這些web版APP可能會(huì)出現(xiàn)各種問(wèn)題，穩(wěn)定性無(wú)法保證。而原生APP的技術(shù)更為成熟，功能可拓展，更具穩(wěn)定性。
Web App和原生APP各有優(yōu)勢(shì)。如果你追求功能豐富、用戶體驗(yàn)優(yōu)良、穩(wěn)定性高的APP，那么選擇原生APP開(kāi)發(fā)是更好的選擇。但如果你只需要簡(jiǎn)單的頁(yè)面展示，或者對(duì)成本有嚴(yán)格的要求，Web App也是一個(gè)不錯(cuò)的選擇。
