[發(fā)明專(zhuān)利]用于瀏覽器的動(dòng)態(tài)局部渲染的裝置和方法

有效

• 申請(qǐng)?zhí)枺?/td>: 201610466400.0
• 申請(qǐng)日: 2016-06-23
• 公開(kāi)（公告）號(hào): CN107544970B
• 公開(kāi)（公告）日: 2020-08-14
• 發(fā)明（設(shè)計(jì)）人: 鄭文硯;周戴歡
• 申請(qǐng)（專(zhuān)利權(quán)）人: 三星（中國(guó)）半導(dǎo)體有限公司;三星電子株式會(huì)社
• 主分類(lèi)號(hào): G06F16/957
• 分類(lèi)號(hào): G06F16/957;G06F1/3234
• 代理公司: 北京銘碩知識(shí)產(chǎn)權(quán)代理有限公司 11286
• 代理人: 韓明星;張川緒

提供一種用于瀏覽器的動(dòng)態(tài)局部渲染的裝置和方法，所述裝置包括：緩存模塊，用于緩存瀏覽器請(qǐng)求的網(wǎng)頁(yè)的網(wǎng)頁(yè)數(shù)據(jù)；解析模塊，用于對(duì)緩存的網(wǎng)頁(yè)數(shù)據(jù)進(jìn)行預(yù)解析，以確定網(wǎng)頁(yè)數(shù)據(jù)中的第一渲染數(shù)據(jù)，通知緩存模塊將第一渲染數(shù)據(jù)提供給瀏覽器的渲染引擎，并且指示瀏覽器的渲染引擎以第一渲染模式對(duì)第一渲染數(shù)據(jù)進(jìn)行渲染，其中，第一渲染數(shù)據(jù)表示在瀏覽器中進(jìn)行第一屏顯示所需的網(wǎng)頁(yè)數(shù)據(jù)中的部分?jǐn)?shù)據(jù)。

技術(shù)領(lǐng)域

本發(fā)明涉及數(shù)據(jù)渲染領(lǐng)域，更具體地講，涉及一種用于瀏覽器的動(dòng)態(tài)局部渲染的裝置和方法。

背景技術(shù)

隨著互聯(lián)網(wǎng)技術(shù)的不斷完善，瀏覽器已經(jīng)成為我們與整個(gè)世界交互的必要的窗口和工具，為我們提供了便捷、安全、快速的網(wǎng)上沖浪體驗(yàn)。網(wǎng)頁(yè)的加載速度是使用瀏覽器最直觀(guān)的體驗(yàn)感受，對(duì)瀏覽器的用戶(hù)體驗(yàn)影響最大。同時(shí)，它對(duì)瀏覽器能耗有著至關(guān)重要的影響，從而影響整個(gè)電子設(shè)備的用戶(hù)體驗(yàn)。

然而，網(wǎng)頁(yè)加載速度除了受制于網(wǎng)速外，和瀏覽器頁(yè)面的渲染加載機(jī)制有著緊密的關(guān)聯(lián)。在現(xiàn)有的瀏覽器渲染頁(yè)面和加載頁(yè)面的機(jī)制中，瀏覽器下載網(wǎng)頁(yè)數(shù)據(jù)和渲染的順序均為從上到下，下載和渲染是同時(shí)進(jìn)行的。例如，當(dāng)瀏覽器獲得一個(gè)HTML文件時(shí)，會(huì)自上而下加載，并在加載過(guò)程中進(jìn)行解析渲染。渲染引擎開(kāi)始解析網(wǎng)頁(yè)數(shù)據(jù)(例如，HTML數(shù)據(jù))，并將標(biāo)簽轉(zhuǎn)化為內(nèi)容樹(shù)中的文檔對(duì)象模型(DOM，Document Object Model)節(jié)點(diǎn)。隨后，渲染引擎解析外部層疊樣式表單(CSS)文件及Style標(biāo)簽中的樣式信息，這些樣式信息以及HTML數(shù)據(jù)中的可見(jiàn)性指令將被用來(lái)構(gòu)建另一棵樹(shù)：渲染(Render)樹(shù)。Render樹(shù)由一些包含有顏色和大小等屬性的矩形組成，它們將被按照正確的順序顯示到屏幕上。Render樹(shù)構(gòu)建好了之后，將會(huì)執(zhí)行布局過(guò)程，它將確定每個(gè)節(jié)點(diǎn)在屏幕上的確切坐標(biāo)。再下一步是繪制，即遍歷Render樹(shù)，并使用UI后端層繪制每個(gè)節(jié)點(diǎn)。值得注意的是，整個(gè)過(guò)程是逐步完成的，為了更好的用戶(hù)體驗(yàn)，渲染引擎將會(huì)盡可能早地將內(nèi)容呈現(xiàn)到屏幕上，并不會(huì)等到所有的HTML數(shù)據(jù)都解析完成之后再去構(gòu)建和布局Render樹(shù)，而是解析完一部分內(nèi)容就顯示一部分內(nèi)容，同時(shí)，可能還在通過(guò)網(wǎng)絡(luò)下載其余內(nèi)容。

現(xiàn)有的瀏覽器頁(yè)面加載技術(shù)沒(méi)有對(duì)頁(yè)面加載過(guò)程進(jìn)行控制，為了保證用戶(hù)體驗(yàn)，瀏覽器在接收到網(wǎng)頁(yè)數(shù)據(jù)資源后，會(huì)全力地進(jìn)行網(wǎng)頁(yè)內(nèi)容的渲染和顯示，使得頁(yè)面內(nèi)容盡快顯示在屏幕上。這樣雖然保證了用戶(hù)體驗(yàn)，但在全力進(jìn)行網(wǎng)頁(yè)渲染過(guò)程中，電子設(shè)備的硬件(諸如CPU、GPU、RAM)都處于高負(fù)載狀態(tài)，造成極大的額外能耗，在長(zhǎng)時(shí)間使用瀏覽器后，對(duì)終端設(shè)備的待機(jī)時(shí)間帶來(lái)極大的挑戰(zhàn)。

發(fā)明內(nèi)容

本發(fā)明的示例性實(shí)施例的目的在于提供一種用于瀏覽器的動(dòng)態(tài)局部渲染的裝置和方法，以實(shí)現(xiàn)在保證瀏覽器性能的前提下節(jié)能的目的。

根據(jù)本發(fā)明示例性實(shí)施例的一個(gè)方面，提供一種用于瀏覽器的動(dòng)態(tài)局部渲染的方法，所述方法包括：緩存瀏覽器請(qǐng)求的網(wǎng)頁(yè)的網(wǎng)頁(yè)數(shù)據(jù)；對(duì)緩存的網(wǎng)頁(yè)數(shù)據(jù)進(jìn)行預(yù)解析，以確定網(wǎng)頁(yè)數(shù)據(jù)中的第一渲染數(shù)據(jù)；將第一渲染數(shù)據(jù)提供給瀏覽器的渲染引擎，以第一渲染模式對(duì)第一渲染數(shù)據(jù)進(jìn)行渲染，其中，第一渲染數(shù)據(jù)表示在瀏覽器中進(jìn)行第一屏顯示所需的網(wǎng)頁(yè)數(shù)據(jù)中的部分?jǐn)?shù)據(jù)。

可選地，所述方法還包括：響應(yīng)于瀏覽器的渲染引擎完成以第一渲染模式對(duì)第一渲染數(shù)據(jù)的渲染，將緩存的網(wǎng)頁(yè)數(shù)據(jù)中除了第一渲染數(shù)據(jù)之外的剩余數(shù)據(jù)提供給瀏覽器的渲染引擎，以第二渲染模式對(duì)所述剩余數(shù)據(jù)進(jìn)行渲染，其中，第二渲染模式消耗的硬件資源小于第一渲染模式消耗的硬件資源。

可選地，所述方法還包括：識(shí)別針對(duì)在瀏覽器中顯示的頁(yè)面的操作請(qǐng)求；如果操作請(qǐng)求指示頁(yè)面向上滑動(dòng)，則確定所述剩余數(shù)據(jù)是否渲染完成，其中，當(dāng)所述剩余數(shù)據(jù)中存在尚未被渲染的數(shù)據(jù)時(shí)，指示瀏覽器的渲染引擎以第一渲染模式對(duì)所述剩余數(shù)據(jù)中尚未被渲染的數(shù)據(jù)進(jìn)行渲染。

可選地，如果操作請(qǐng)求指示頁(yè)面被關(guān)閉，則指示瀏覽器的渲染引擎停止渲染，并且清除緩存的網(wǎng)頁(yè)數(shù)據(jù)。