導(dǎo)讀：當(dāng)很多人還在HTML5面前猶疑不決的時候，國外一些老牌的媒體網(wǎng)站已經(jīng)勇敢嘗鮮，開發(fā)出網(wǎng)站的HTML5 Web App。FT作為其中的領(lǐng)頭羊，自去年六月發(fā)布FT Web App以來用戶超百萬。在下面這篇文字中，F(xiàn)T產(chǎn)品主管 – Steve Pinches，就FT Web App開發(fā)中的一些技術(shù)方面的問題作出了解答。

為什么FT決定創(chuàng)建一個HTML5 web app？

創(chuàng)建一個HTML5 app是一個創(chuàng)舉——FT是主流新聞媒體中第一個發(fā)布這類應(yīng)用的。它這樣做有著顯然的好處。首先，HTML5 FT Web App意味著用戶能即時看到FT的新特性，而不需要經(jīng)歷一個從app store中下載最新版本的FT的過程。使用HTML5 FT Web App的用戶看到的永遠(yuǎn)都是最新版本。

其次，為不同設(shè)備開發(fā)不同‘native’ apps耗時耗力，而使用HTML5 App，可以直接在一個核心代碼上做修改，一次性讓FT App適用于多種平臺。

我們相信，在很多情況下，native apps只不過是一種過渡方案，之所以采用它是因?yàn)閣eb技術(shù)還不夠發(fā)達(dá)，不能在新平臺上提供足夠豐富的用戶體驗(yàn)。隨著Web技術(shù)的發(fā)展，我們相信將會有更多的HTML5 apps出現(xiàn)，而native apps則會逐步減少，但是，native apps并不會消亡，因?yàn)槟承┨囟ǖ钠放七�是需要native apps，并且在需要和硬件有更深結(jié)合、需要達(dá)到更快速度的時候（在游戲中，對速度的要求尤其明顯），native apps是更好的選擇。

在HTML5 和 native apps之間有什么區(qū)別？

HTML5是一個涵蓋了幾乎所有最新一代Web標(biāo)準(zhǔn)在內(nèi)的詞匯，包括HTML、CSS、JavaScript以及其他一些技術(shù)。這些技術(shù)在之前的版本上逐步革新，繼承了二十多年來web的一些最佳實(shí)踐，例如易用性、安全性、兼容性。由于這些Web標(biāo)準(zhǔn)并非隸屬于任何一個公司，因此它們是被廣泛支持的。

Native apps則是使用與具體平臺和設(shè)備相關(guān)的技術(shù)開發(fā)的，因此，Apple、Android、Blackberry都有其特定的native apps開發(fā)技術(shù)。我們可以將native apps的開發(fā)比作是為某個特定寬度的軌道建造火車，當(dāng)你想要你的火車在另外一個不同規(guī)格的軌道上運(yùn)行時，你需要重新建造一輛火車。

Native apps和HTML5 apps不僅在構(gòu)建方式上不同，在訪問方式上也不同。一個HTML5 app就是一個網(wǎng)站——你直接在瀏覽器中訪問就可以了。而一個native app則必須從類似于Apple App Store 或 Google’s Android Market的app store中下載并安裝到設(shè)備上。這些app store是由它們的擁有者控制的，并且可能收費(fèi)，并要求用戶遵循一些規(guī)則和協(xié)議，而純粹通過web發(fā)布的HTML5則沒有這些限制。

HTML5 app的開發(fā)過程和native app的開發(fā)過程有什么不同？

HTML5開發(fā)是針對desktop websites對Web開發(fā)的延伸。它使用和Web開發(fā)一樣工具和技術(shù)，但需要在更多設(shè)備上進(jìn)行測試。這意味著FT的HTML5 App與native app的開發(fā)周期相比，能夠更快進(jìn)行迭代、測試和部署。其開發(fā)更快，更有效，并且，我們能夠迅速獲得功能上的反饋。

Native app的開發(fā)總體而言更簡單，因?yàn)樗�是為特定平臺（如Apple， Google， RIM或Microsoft）開發(fā)的，該平臺會提供庫和框架、組件以及模板。在native app開發(fā)中使用的工具和平臺本身基本是屬于同源的，比如Android開發(fā)通常使用Java開發(fā)環(huán)境Eclipse，Apple iOS開發(fā)則通常使用Apple自己的開發(fā)工具（如XCode），而Windows Phone開發(fā)則通常使用Microsoft Visual Studio。Web開發(fā)則完全不同，因?yàn)闆]有特定廠商提供的平臺，所以開發(fā)者可使用的工具和技術(shù)是多種多樣的，使用哪種技術(shù)完全取決于開發(fā)者個人的喜好。

在開發(fā)過程中面臨的挑戰(zhàn)是什么？

最主要的挑戰(zhàn)是我們面臨的是一個全新的領(lǐng)域，幾乎沒有可供參考的工具和開發(fā)文檔。另外，沒有相應(yīng)的工具來測試功能和性能，所以，我們必須自己來開發(fā)測試工具，確保app能正常高效運(yùn)行。

另外一個挑戰(zhàn)就是確保圖片和視頻能正常顯示。Webkit瀏覽器使用了設(shè)備的graphics硬件來提升動畫平滑性，大大增強(qiáng)了用戶體驗(yàn)。然而，這帶來了另外一些問題，比如部分屏幕會出現(xiàn)閃爍，或者再用戶使用鍵盤時應(yīng)用會發(fā)生滾動。通過解決這些問題，我們將新的web技術(shù)進(jìn)一步向前了，并更加了解不同設(shè)備和不同瀏覽器內(nèi)核版本可能帶來的問題。

解決上述挑戰(zhàn)比在native app中解決相同挑戰(zhàn)稍微難一點(diǎn)，因?yàn)閼?yīng)用方法發(fā)生了改變，例如在HTML5 app的開發(fā)中，需要保證文章相關(guān)的圖片在用戶離線時也能顯示。另外，由于用戶可能是初次使用web app，我們需要增加一項(xiàng)功能，向用戶展示如何將這個應(yīng)用放到他們的iPhone或者iPad的桌面上。

本文編譯自ling，原文地址。

譯文出處：webapptrend.com，轉(zhuǎn)載請注明出處鏈接。

標(biāo)簽： Web-App ��

版權(quán)申明：本站文章部分自網(wǎng)絡(luò)，如有侵權(quán)，請聯(lián)系：west999com@outlook.com
特別注意：本站所有轉(zhuǎn)載文章言論不代表本站觀點(diǎn)！
本站所提供的圖片等素材，版權(quán)歸原作者所有，如需使用，請與原作者聯(lián)系。