[發(fā)明專利]顯示網(wǎng)頁的方法及裝置

在審

• 申請?zhí)枺?/td>: 201410364921.6
• 申請日: 2014-07-28
• 公開（公告）號: CN104133884A
• 公開（公告）日: 2014-11-05
• 發(fā)明（設(shè)計）人: 吳萍;喻欣;安榮華;王耀龍;肖偉
• 申請（專利權(quán)）人: 百度在線網(wǎng)絡(luò)技術(shù)（北京）有限公司
• 主分類號: G06F17/30
• 分類號: G06F17/30;G06F9/44
• 代理公司: 北京清亦華知識產(chǎn)權(quán)代理事務(wù)所(普通合伙) 11201
• 代理人: 宋合成

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

本發(fā)明涉及計算機技術(shù)領(lǐng)域，尤其涉及一種顯示網(wǎng)頁的方法及裝置。

背景技術(shù)

隨著移動通信技術(shù)地飛速發(fā)展，移動終端(如智能手機、平板電腦等)的綜合處理能力越來越強，移動終端已成為人們生活和工作不可缺少的工具，用戶通過移動終端瀏覽網(wǎng)頁已成為人們獲取信息的重要途徑，網(wǎng)頁的呈現(xiàn)效率影響著用戶的瀏覽體驗。

然而，由于移動端的解析速度以及移動網(wǎng)絡(luò)環(huán)境相對受限，用戶通過移動終端瀏覽網(wǎng)頁的過程中經(jīng)常出現(xiàn)網(wǎng)頁打開緩慢的性能問題，為了提高網(wǎng)頁的呈現(xiàn)效率，除了傳統(tǒng)的簡化頁面結(jié)構(gòu)，優(yōu)化后端響應(yīng)之外，還可以優(yōu)化瀏覽器內(nèi)核對頁面的繪制速度。

現(xiàn)有的瀏覽器內(nèi)核進行繪制的過程中，通常對網(wǎng)頁代碼解析(parse)完成后，還需要經(jīng)過完整的布局(layout)與繪制(paint)階段，才能在屏幕上展示給用戶。其中，瀏覽器內(nèi)核從parse狀態(tài)轉(zhuǎn)化成layout狀態(tài)需要滿足若干必要條件，必要條件可以包括解析的單詞(token)數(shù)目、解析的時間和延遲(delay)時間。瀏覽器內(nèi)核從layout狀態(tài)轉(zhuǎn)化成paint狀態(tài)的過程中仍需要滿足若干必要條件。例如，當(dāng)一個網(wǎng)頁代碼由A、B兩段組成，代碼A表示首屏的所有內(nèi)容，代碼B代表非首屏的內(nèi)容，即必須通過用戶的操作才可呈現(xiàn)的內(nèi)容。現(xiàn)有的瀏覽器內(nèi)核進行繪制的過程中，首先對A和B兩部分全部解析后，再對A和B兩部分進行布局和繪制，并在繪制完成后，在移動終端顯示首屏內(nèi)容和根據(jù)用戶操作顯示非首屏內(nèi)容。

但是，現(xiàn)有的瀏覽器內(nèi)核顯示網(wǎng)頁的方式使得用戶看見首屏內(nèi)容的時間較長，用戶的瀏覽體驗較差。

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

本發(fā)明旨在至少在一定程度上解決相關(guān)技術(shù)中的技術(shù)問題之一。為此，本發(fā)明第一個目的在于提出一種顯示網(wǎng)頁的方法，該方法可提高顯示網(wǎng)頁的效率，使得用戶看見首屏內(nèi)容的時間較短，提升了用戶的瀏覽體驗。

本發(fā)明的第二個目的在于提出一種顯示網(wǎng)頁的裝置。

為了實現(xiàn)上述目的，本發(fā)明第一方面實施例的顯示網(wǎng)頁的方法，包括：獲取用戶訪問網(wǎng)頁的請求，并獲得與所述請求對應(yīng)的網(wǎng)頁資源；根據(jù)移動終端屏幕的大小，確定暫停解析的位置；以及對所述網(wǎng)頁資源進行解析直至到達所述位置，并根據(jù)解析結(jié)果進行頁面內(nèi)容的布局和繪制操作，以顯示繪制后的網(wǎng)頁。

根據(jù)本發(fā)明實施例的顯示網(wǎng)頁的方法，獲得與用戶訪問網(wǎng)頁的請求相對應(yīng)的網(wǎng)頁資源，并根據(jù)移動終端屏幕的大小確定暫停解析的位置，以及根據(jù)暫停解析的位置對網(wǎng)頁資源的部分內(nèi)容進行布局和繪制操作，并顯示繪制后的網(wǎng)頁，由此，由此，提高了網(wǎng)頁的呈現(xiàn)效率，使得用戶看見首屏內(nèi)容的時間較短，提升了用戶的瀏覽體驗。

為了實現(xiàn)上述目的，本發(fā)明第二方面實施例的顯示網(wǎng)頁的裝置，包括：獲取模塊，用于獲取用戶訪問網(wǎng)頁的請求，并獲得與所述請求對應(yīng)的網(wǎng)頁資源；確定模塊，用于根據(jù)移動終端屏幕的大小，確定暫停解析的位置；以及第一處理模塊，用于對所述網(wǎng)頁資源進行解析直至到達所述位置，并根據(jù)解析結(jié)果進行頁面內(nèi)容的布局和繪制操作，以顯示繪制后的網(wǎng)頁。

根據(jù)本發(fā)明實施例的顯示網(wǎng)頁的裝置,通過獲取模塊獲得與用戶訪問網(wǎng)頁的請求相對應(yīng)的網(wǎng)頁資源，并通過確定模塊根據(jù)移動終端屏幕的大小確定暫停解析的位置，以及通過第一處理模塊根據(jù)暫停解析的位置對網(wǎng)頁資源的部分內(nèi)容進行布局和繪制操作，并顯示繪制后的網(wǎng)頁，由此，提高了網(wǎng)頁的呈現(xiàn)效率，使得用戶看見首屏內(nèi)容的時間較短，提升了用戶的瀏覽體驗。

附圖說明

圖1是根據(jù)本發(fā)明一個實施例的顯示網(wǎng)頁的方法的流程圖。

圖2是根據(jù)本發(fā)明另一個實施例的顯示網(wǎng)頁的方法的流程圖。

圖3是根據(jù)本發(fā)明一個實施例的顯示網(wǎng)頁的裝置的結(jié)構(gòu)示意圖。

具體實施方式

下面詳細描述本發(fā)明的實施例，所述實施例的示例在附圖中示出，其中自始至終相同或類似的標號表示相同或類似的元件或具有相同或類似功能的元件。下面通過參考附圖描述的實施例是示例性的，旨在用于解釋本發(fā)明，而不能理解為對本發(fā)明的限制。