Html5 Web App 手機跨平台開發筆記

標籤：

APP 開發平台包括Android 平台開發，Mac os X 平台開發以及Windows Phone 7平台開發。開發的程式都只能在各自手機系統上運行，如果開發出一種程式，能再以上任何系統上運行，那是多麼美好的事情。而Html5 Mobile Web App就是其中一種跨平台方法。下面是相關知識的介紹

1.背景

 

       HTML5是HTML的最新標準，HTML5的草案已經於2008年發布，目前W 3 C(全球資訊網聯盟)正在對此進行進一步完善。對許多人來說，早該進行這種改進了。十多年來，HTML一直沒有進行真正的升級，上一次正式獲得W3C推薦(即Web標準制定過程的最終階段)的標準語言還是2001年的XHTML1.1。此後的這些年，Web開發人員要求升級的呼聲越來越高。因為HTML和XHTML標準已力不從心，它們以以文件為主的理念無法有效地滿足現代Web應用的需要。

2.HTML5

2.1什麼是HTML?

 

HTML（Hypertext Markup Language）是超文字標記語言 (HTML)的英文縮寫，這是一種標記語言，不需要進行編譯，直接由瀏覽器執行。HTML檔案是一個文字檔，包含了一些HTML元素、標籤等。目前HTML語言的標準是由 W3C（World Wide Web Consortium）負責制定的。依照規則，無論是何種瀏覽器，對於相同的HTML代碼，應當展現給使用者相同的效果。

2.2什麼是HTML5？

 

HTML5是下一代Web語言，HTML5是在現在的HTML基礎上提出了許多新的特性，例如嵌入音頻、視頻和圖片的函數、用戶端存 儲資料、互動式文檔等，通過制定如何處理所有HTML元素以及如何從錯誤中恢複的精確規則，HTML5進一步增強了互動性，並有效減少了開發成本，並將引領下一個web實作類別似的案頭應用體驗。它的出現消除internet程式對flash,Sliverlight,javaFX等一類瀏覽器外掛程式的依賴。

 

從感性的角度來看，HTML5技術的渲染過程主要是由瀏覽器、內嵌HTML5解 析器的應用程式 (如PhoneGap)、支援書籤開啟檔案的應用程式又或者是移動手機產品(iPhone和iPad)進行的。這種技術的好處就是能重用現有的網頁設計。

 

從理性的角度來看，HTML5 技術就是使用JavaScript引擎直接控制本地功能，改變行動裝置上的瀏覽器組件。而HTML5應用上的表現問題更多是由HTML/CSS渲染技術控 制的，而不是由JavaScript解析產生的。如果使用正確，HTML5技術無疑可以給予你大量新增的表現效果

 

 

 

 

2.3 HTML5前景

 

，在2012年，將會由W3C發布候選推薦版，這個版本的發布就代表著HTML5的規範編寫已經完成了。而2022年推出的計劃推薦版，則意味著至少會有兩個瀏覽器會完全的支援HTML5的所有特性。2022年聽起來似乎很遙遠，但通過觀察現階段chrome, firefox , safari，IE等瀏覽器對HTML5的支援程度，可以看出各大瀏覽器廠商都非常積極。應該不需要到2022年就會有至少兩個瀏覽器支援HTML5。因此現在關注和討論HTML5，瞭解HTML5的新特性，為以後的產品規劃並非毫無意義。

2.4 HTML5的產品與應用

Google的GMail郵箱

3. 移動Html5 Web App

3.1移動Web App

 

       手機上網已經成為最重要的上網方式之一，手機網民已達3億。移動互連網時代已經開啟，發展勢頭迅猛，成為互連網行業的新戰場。 而且手機上網在使用者生活中所佔的比例越來越多。

 

       Android和iOS手機的興起，加速了HTML5在行動裝置的普及。與案頭瀏覽器不同的是，移動作業系統和瀏覽器隨著手機的換代而不斷升級。行動瀏覽器的不斷升級，給HTML5在移動Web方向的發展提供源源不斷的動力。也隨著裝置效能的不斷提高，移動Web應用的能力也漸漸逼近用戶端應用。

 

       隨著蘋果宣布不支援Flash，支援Html5，以及微軟下一代系統全面支援Html5,以及剛剛得到訊息office15 將支援Html5/JavaScript開發,我們可以預見Html5將帶來一場革命風暴，而它的地位是顯而易見的。

 

可以從上面調查中可以看到，多個手機作業系統同時存在，而且這個資料是2010年，現在估計未來購買的話，Android還是佔主導，蘋果和Windows Phone 7應該是未來三大主導。這個趨勢應該是一個長期的過程，所以開發出的應用程式能跨越平台也是越來越重要了。

 

那麼通過瀏覽器指定通用的規則，只要支援這個規則的瀏覽器都可以使用，這個就是Html5 Web App.只要手機瀏覽器支援Html5瀏覽器，那麼Web App就可以運行了。

3.2開發HTML5 Web App

 

    目前，可以知道HTML5在PC上的應用才剛剛開始興起，可以說在移動中的應用更是開始起步，國內外在這方面開發與應用都是非常少的，可以用稀少來形容。而HTML5 Web App開發這方面資源也少的可憐，現在開發一般使用兩種架構PhoneGap與Sencha Touch。

 

   PhoneGap是一款開源的手機應用開發平台，它僅僅只用HTML和JavaScript語言就可以製作出能在多個行動裝置上啟動並執行應用。PhoneGap將行動裝置本身提供的複雜的API進行了抽象和簡化，提供了一系列豐富的API供開發人員調用，只要你會HTML和Javascript或者Java語言，就可以利用PhoneGap提供的API去調用各種功能，PhoneGap就能讓你可以製作出在各種手機平台上啟動並執行應用。PhoneGap已實現對iPhone/ipad、Android、Symbian,Palm、黑莓各版本絕大部分功能的支援。

 

    Sencha Touch架構是世界上第一個基於HTML5的Mobile App架構。Sencha是目前為止所發現的最強大的應用於移動平台的架構。相信隨著Sencha的出現，移動平台的Web App使用者體驗設計會得到提升，同時也會對HTML5和CSS3在移動平台上的普及推廣產生很大的促進作用。可以預見，隨著HTML5愈加強大的功能，未 來的行動裝置 App將會逐漸步入Web App時代，Native App會逐漸走向終結。

 

 

4.總結

 

    可以確信兩點:Html5的未來是光明的，它勢必將引領IT屆的一場變革。隨著行動裝置 App在人類生活文明中的地位越來越高預計將超過PC機，跨平台的Html5 Web App勢必將是領頭軍。現在才是一個啟蒙階段，我們有必要在這方面做好相關的準備與研究。

Html5 Web App 手機跨平台開發筆記