HTML5在移动应用开发上的应用前景_黄永慧

2012－10－092013－01－152013－04－08S20110100050594021022501975－、。http//．cnki．net/kcms/detail/61．1450．TP．20130408．1607．036．htmlHTML5黄永慧，陈程凯(广东工业大学自动化学院，广东广州510006)WebWebHTML5。HTML5HTML53HTML5HTML5HTML5HTML5、HTML5。HTML5WebTP393．092TN929．5A1673－629X201307－0207－04doi10．3969/j．issn．1673－629X．2013．07．053ApplicationProspectofHTML5onMobileApplicationDevelopmentHUANGYong－huiCHENCheng－kaiCollegeofAutomationGuangdongUniversityofTechnologyGuangzhou510006ChinaAbstractWiththepopularityofsmartmobiledevicestheimportanceofmobileInternetismoreandmoreobviousinthelife．InordertoadapttotherapiddevelopmentofWebtechnologyandthedemandsofWebapplicationHTML5cameintobeing．FirstlyintroducedthenewcharacteristicsoftheHTML5technologythenanalyzedtheapplicationprospectofapplicationdevelopmentonmobiledevicesandcomparedthethreemainstreamdevelopmentplatformbasedonHTML5applicationsfinallydiscussedtheimpactondevelopersmadebyHTML5technologyandthepositiveroleformobileInternetdevelopmentbasedonHTML5development．ItstrivedtoshowHTML5de-velopmenttrendsandapplicationprospectsandmadedevelopersunderstandbasicmethodsofHTML5technology．KeywordsHTML5mobiledevicesWebApp0。iOS、Android、WindowsMobile1。HTML5HTML5。HTML5HTML5、HT-ML5。1HTML5HTML5HTML、CSS3、JavaScriptAPI。HTML5AdobeFlash、MicrosoftSilverlightOracleJavaFX2。HTML51。23720137COMPUTERTECHNOLOGYANDDEVELOPMENTVol．23No．7July2013。。3。HTML51HTML5。表1HTML5表单元素与键盘的对应关系TextTelEmail@．UrlURL．com．SearchRange2Canvas。CanvasAPI、、API。FlashFlash。JavaS-cript4。3、。HTML5、、API。。HTML55。4。。HTML5APIGPS、IP、Wi－Fi、GPS。5。。。HTML5WebStorageAPICookies。AppApp。6WebWorkers。HTML5JavaScript。WebWorkersJavaScript。WebWorkers、、。2HTML5NativeApp、WebAppHybridApp6。HT-ML51。图1三种实现方式的执行方式NativeApp。WebAppHTML、CSSJavaScript。HybridApp。HTML5。、WebAppNativeApp。HTML5。HTML5。WebApp。WebApp。。HTML5。。WebApp2。·802·23图2安装方式的比较、、、HTML5。1。HTML5CanvasAPI。APIhttp//dwpe．googlecode．com/svn/trunk/charting/in-dex．htm。2。WebWapHTML5API、。https//m．weibo．cn、、、HTML5。3。HTML5CanvasWebFlashSilverlightJavaScriptWeb。http//mrdoob．com/projects/harmo-ny/CanvasAPI。WebkitSafari。HTML5。4。HTML5。HTML5。HTML5。PCHTML5PCHTML5。3HTML5HTML53HTML5App、JavaScriptCSS7。HTML5AppHTMLJavaScriptCSSWebApp。HTML5HTML5HTML5。1PhoneGap。PhoneGapDreamweaverHTML5JavaScriptAndroid、iOS、、Symbian、SamsungBadaWin-dowsPhone8。PhoneGapHTML53WebViewJavaScriptJavaScript。WebViewAPI。2SenchaTouch。PhoneGapSenchaTouchHT-ML5。HTML5CSS3WEB。SenchaTouchiOS、AndroidWeb。SenchaTouchnativepackaging。SenchaTou-chiOSAndroid。3jQueryMobile。jQueryMobilejQueryPCJavaScript。jQueryMobilejQueryjQueryUI、、、。。PCjQueryMobilePhoneGapjQueryPCWebAppPhoneGap。SenchaTouch·902·7HTML5JavaScriptWebApp。4HTML5IT。HTML5ITHTML5。AdobeHTML5AdobeHTML5HTML5。HTML51HTML5“”。HTML5。。HTML5。2HTML5。WebApp9。3。。。UCWeb。4、。FaceBook10。HTML5PC。。FortumoHTML5。Fortumo。5HTML5WebHTML、CSSJavascript。HTML5。HTML5、HTML5。1W3Schoo1．HTML5EB/OL．2010－10－28．http//．w3school．com．cn/html5/．2．HTML5RIAJ．2012225137－140．3．HTML5J．20113022157－158．4．HTMLcanvasWebGISJ．2009378－82．5．HTML5－J．2010430－33．6PhoneGapforHybridAppEB/OL．2011－11－16．ht-tp//raibledesigns．com/rd/entry/phonegap_for_hybrid_app_development．7．HTML5J．201110245－245．8LubbersPGrecoF．HTML5WebSocketsAquantumleapinscalabilityforthewebJ．JayView20102113－7．9TaivalsaariAMikkonenTAnttonenMetal．TheDeathofBinarySoftwareEndUserSoftwareMovestotheWebC//Proc．of2011NinthInternationalConferenceonCreatingConnectingandCollaboratingthroughComputingC5．s．l．s．n．2011．10．HTML5N．2010－09－06S07．檪檪檪檪檪檪檪檪檪檪檪檪檪檪檪檪檪檪檪檪檪檪檪檪檪檪檪檪檪檪檪檪檪檪檪檪檪檪檪檪檪檪檪檪檪檪(上接第206页)10GourcJP．Geomembranes－IdentificationandPerformanceTestingDB/OL．2012．http//．doc88．com/p－386771903375．html．11EXFORSYSINC．ChallengesinTestingWebBasedApplica-tionsDB/OL．2006．http//．ltesting．net/html/10/n－202210－2．html．12WangDWangJWZhaoYP．AnovelsolutiontothereadercollisionprobleminRFIDsystemC//Proc．ofIEEEWire-lessCommunicationsNetworkingandMobileComputing．s．l．s．n．2006．·012·23