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

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

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

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

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

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