Html5 Web App 手機跨平台開發

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

1.背景 1.背景 1.背景 1.背景 1.背景 1.背景 1.背景 1.背景 1.背景

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

2.HTML5 2.HTML5 2.HTML5 2.HTML5 2.HTML5 2.HTML5 2.HTML5 2.HTML5 2.HTML5

2.1什麼是HTML?

HTML（Hypertext Markup Language）是超文本标記語言的英文縮寫，這是一種标記語言，不需要進行編譯，直接由浏覽器執行。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.3HTML5前景

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

2.4HTML5的産品與應用

Google的GMail郵箱

3. 移動Html5 Web App 3. 移動Html5 Web App 3. 移動Html5 Web App 3. 移動Html5 Web App 3. 移動Html5 Web App 3. 移動Html5 Web App 3. 移動Html5 Web App 3. 移動Html5 Web App 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愈加強大的功能，未 來的移動應用将會逐漸步入Web App時代，Native App會逐漸走向終結。

4.總結 4.總結 4.總結 4.總結 4.總結 4.總結 4.總結 4.總結 4.總結

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

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

1.背景 1.背景 1.背景 1.背景 1.背景 1.背景 1.背景 1.背景 1.背景

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

2.HTML5 2.HTML5 2.HTML5 2.HTML5 2.HTML5 2.HTML5 2.HTML5 2.HTML5 2.HTML5

2.1什麼是HTML?

HTML（Hypertext Markup Language）是超文本标記語言的英文縮寫，這是一種标記語言，不需要進行編譯，直接由浏覽器執行。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.3HTML5前景

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

2.4HTML5的産品與應用

Google的GMail郵箱

3. 移動Html5 Web App 3. 移動Html5 Web App 3. 移動Html5 Web App 3. 移動Html5 Web App 3. 移動Html5 Web App 3. 移動Html5 Web App 3. 移動Html5 Web App 3. 移動Html5 Web App 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愈加強大的功能，未 來的移動應用将會逐漸步入Web App時代，Native App會逐漸走向終結。

4.總結 4.總結 4.總結 4.總結 4.總結 4.總結 4.總結 4.總結 4.總結

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

轉載于：Html5 Web App 手機跨平台開發