移動瀏覽器發(fā)展趨勢與WebApp開發(fā)課件

1、移動瀏覽器發(fā)展趨勢與WebApp開發(fā)從瀏覽器產(chǎn)品完善看移動瀏覽器的產(chǎn)品架構(gòu)-云+端的模式?jīng)Q定了移動瀏覽器演進(jìn)主要都是圍繞如何增強(qiáng)云和端的能力，不斷改善功能服務(wù)和用戶體驗(yàn)面臨的困難與問題產(chǎn)品功能演進(jìn)過程中，各種小眾需求的滿足和瀏覽器自身功能日漸臃腫的矛盾增強(qiáng)基礎(chǔ)服務(wù)能力和基礎(chǔ)體驗(yàn)（標(biāo)準(zhǔn)支持/性能/開放接口/基礎(chǔ)服務(wù)運(yùn)營等），以推動自身平臺化及產(chǎn)業(yè)鏈發(fā)展形成產(chǎn)品自身的差異化和優(yōu)勢，以應(yīng)對日益激烈同質(zhì)化行業(yè)競爭提升優(yōu)質(zhì)服務(wù)和內(nèi)容的質(zhì)量和數(shù)量，吸引和留住用戶，應(yīng)對來自其他原生App的競爭從生態(tài)鏈各環(huán)節(jié)的訴求看瀏覽器開發(fā)商改善服務(wù)體驗(yàn)，增加用戶粘性，擴(kuò)大市場份額優(yōu)化生態(tài)鏈發(fā)展的支持，把蛋糕做大應(yīng)用和服務(wù)

2、提供商/開發(fā)者功能接口不夠豐富，難以做出比較出彩的應(yīng)用，應(yīng)用推廣比原生應(yīng)用更困難應(yīng)用執(zhí)行性能不佳，特別是像游戲這樣對交互性能要求的應(yīng)用，跟原生游戲體驗(yàn)差距甚遠(yuǎn)各瀏覽器對標(biāo)準(zhǔn)支持程度不一，跨平臺變成一個空口號手機(jī)/芯片開發(fā)商性能優(yōu)化不夠好，發(fā)揮不出手機(jī)/芯片的優(yōu)勢瀏覽器用戶基礎(chǔ)體驗(yàn)還不夠好并且個性化不足想要更多好看、有趣的內(nèi)容和更多貼心的服務(wù)瀏覽器越來越臃腫，期望能更簡潔和功能可定制移動瀏覽器產(chǎn)品技術(shù)展望更多硬件加速渲染和更快的JS引擎更完善的標(biāo)準(zhǔn)實(shí)現(xiàn)，更豐富功能接口功能插件化，更多的個性化和更豐富的功能更多的并行化，更輕松處理復(fù)雜的內(nèi)容更優(yōu)質(zhì)閱讀體驗(yàn)和更多有趣的內(nèi)容主流瀏覽器的架構(gòu)頁面渲染的硬

3、件加速加速合成-Accelerated Compositing加快CSS3動畫的效率加快其他JS的渲染層重繪的效率Canvas 2D/3D硬件加速更多利用GPU進(jìn)行其他渲染效率上的優(yōu)化 加速合成(AC)示意圖硬件加速Canvas2D示意圖更快的JS引擎更深度運(yùn)用JIT優(yōu)化性能JIT比純解釋執(zhí)行模式快幾倍到幾十倍針對計(jì)算密集型，重復(fù)性多的JS計(jì)算，進(jìn)一步優(yōu)化執(zhí)行效率針對不同場景優(yōu)化腳本的執(zhí)行模式JSC引入了一種更快的解釋器（LLInt），降低執(zhí)行頻率低的代碼在生成JIT代碼的開銷JS引擎架構(gòu)示意圖（JSC）標(biāo)準(zhǔn)支持增強(qiáng)HTML5跑分大戰(zhàn)從喧嘩走向了平靜，跑分停止了，但更注重標(biāo)準(zhǔn)優(yōu)化和功能增強(qiáng)對標(biāo)

4、準(zhǔn)支持正確性和體驗(yàn)的增強(qiáng)對新特性支持的增強(qiáng)對設(shè)備硬件訪問能力的增強(qiáng)各瀏覽器對標(biāo)準(zhǔn)支持的能力越來越好，標(biāo)準(zhǔn)支持好成為移動瀏覽器的標(biāo)配功能插件化為什么需要插件化？瀏覽器面臨著各種小眾功能需求多，新功能的普遍滲透率越來越低的困境插件化能更靈活地提供更多個性化和支撐瀏覽器自身功能演進(jìn)瀏覽器自身開放和平臺化的需要，將合作方的產(chǎn)品服務(wù)接入，增強(qiáng)體驗(yàn)插件化主要實(shí)現(xiàn)思路：基于瀏覽器內(nèi)核功能擴(kuò)展為主的插件化基于平臺功能為主，輔以瀏覽器基礎(chǔ)接口的插件化更深入利用多核進(jìn)行優(yōu)化多進(jìn)程架構(gòu)PC上大多是多進(jìn)程架構(gòu)，如Chrome/Firefox等手機(jī)上主要是Chrome或基于Chrome的瀏覽器缺點(diǎn)是資源占用大多線程架構(gòu)

5、思路是將瀏覽器的處理過程盡可能并行化可并行的包括HTML解析/CSS解析/樣式匹配等混合的模式融合多進(jìn)程架構(gòu)和多線程架構(gòu)的優(yōu)點(diǎn)各個頁面處理并行化頁面內(nèi)部處理過程并行化更優(yōu)質(zhì)的閱讀體驗(yàn)和內(nèi)容閱讀還是用戶上網(wǎng)的強(qiáng)需求現(xiàn)在大多瀏覽器的閱讀功能還比較簡陋，缺少針對設(shè)備/排版效果和內(nèi)容進(jìn)行優(yōu)化針對閱讀可能優(yōu)化方向通用網(wǎng)頁閱讀的體驗(yàn)優(yōu)化，排版和UI效果內(nèi)容的聚合優(yōu)化，更方便進(jìn)行閱讀相關(guān)資訊交互效果更智能和符合用戶閱讀習(xí)慣多媒體、娛樂等內(nèi)容的更好的展現(xiàn)和聚合對WebApp開發(fā)的影響更關(guān)注如何利用瀏覽器的特性來優(yōu)化頁面設(shè)計(jì)和交互體驗(yàn)更注重在移動平臺上網(wǎng)頁交互的觸控體驗(yàn)，而不僅僅是將PC的簡單搬到手機(jī)端可采用的HTML5功能越來越