[發明專利]一種網頁顯示方法及裝置

有效

• 申請號: 201210309479.8
• 申請日: 2012-08-28
• 公開（公告）號: CN103631824A
• 公開（公告）日: 2014-03-12
• 發明（設計）人: 孫皓然;胡純冬;陳磊;曾亮;萬黎
• 申請（專利權）人: 騰訊科技（深圳）有限公司
• 主分類號: G06F17/30
• 分類號: G06F17/30
• 代理公司: 上海波拓知識產權代理有限公司 31264
• 代理人: 韓紹君

技術領域

本發明涉及智能終端信息顯示領域，尤其涉及一種網頁顯示方法及裝置。

背景技術

如今，智能手機、平板電腦等智能終端無論是在人們的生活娛樂還是工作中都是不可或缺的。而瀏覽網頁作為娛樂和工作中最頻繁的操作，在很大程度上會影響智能設備的用戶體驗效果。為了提高瀏覽網頁的速度，除了提高智能設備的配置外，還可通過提高智能設備的網頁顯示效率來實現。

現有技術的網頁顯示方法有以下兩種：第一種是一次性將所述網頁的所有內容同時繪制到屏幕上進行顯示，顯然，該種方式會消耗相當大的資源，顯示的效率較低；第二種方法是在顯示網頁的時候才進行當前屏幕的繪制，因此，屏幕上可能會顯示出白屏或者閃屏的繪制過程。

發明內容

本發明的目的在于提供一種網頁顯示方法及裝置，旨在解決現有方法中顯示效率較低、或者網頁繪制過程中的白屏等問題。

一種網頁顯示方法，包括：獲取待顯示的網頁，該網頁包括多個子塊；繪制并顯示該網頁對應于當前屏幕的子塊；繪制與所述當前屏幕相鄰的子塊并將繪制的子塊存入緩存；在屏幕移動時讀取所述緩存內已繪制的子塊的內容并顯示；以及在屏幕移動后重復所述繪制與所述當前屏幕相鄰的子塊并將繪制的子塊存入緩存。

一種網頁顯示裝置，包括：獲取模塊，用以獲取待顯示的網頁，該網頁包括多個子塊；繪制模塊，用以繪制對應當前顯示屏幕的子塊，以及繪制與當前屏幕邊界相鄰的子塊；緩存模塊，用以存儲繪制出的與當前屏幕相鄰的子塊的內容；顯示模塊，用以顯示對應當前屏幕的子塊并在屏幕移動時讀取所述緩存內已繪制的子塊的內容并顯示；以及調用模塊，用于在當前屏幕的位置變化后調用所述繪制模塊繪制與當前屏幕邊界相鄰的子塊并將繪制出的子塊存儲于所述緩存模塊內。

上述的網頁顯示方法及裝置中，首先繪制并顯示對應于當前顯示屏幕的子塊，同時在后臺不斷繪制與當前顯示的屏幕相鄰的子塊存入到緩存中，滾動或者拖動網頁導致當前屏幕的位置發生變化時，即可調用緩存中已經繪制好的屏幕進行顯示。顯然，在網頁滾動的過程中，顯示當前屏幕的同時，不斷的在后臺提前繪制好相鄰子塊的內容，相較一次性繪制整個網頁的方法消耗的資源較少，而且顯示的屏幕都是已經預先繪制的，顯示的速度較快，也杜絕了屏幕上出現白屏或者閃屏等現象的產生。

附圖說明

圖1是本發明較佳實施方式的網頁顯示方法的方法流程圖；

圖2是本發明較佳實施方式的網頁繪制裝置的結構圖。

具體實施方式

為了使本發明的目的、技術方案及優點更加清楚明白，以下結合附圖及實施例，對本發明進行進一步詳細說明。應當理解，此處所描述的具體實施例僅僅用以解釋本發明，并不用于限定本發明。

本發明實施例提供了一種網頁顯示方法及裝置。

所述網頁顯示方法包括：獲取待顯示的網頁，該網頁包括多個子塊；繪制并顯示該網頁對應于當前屏幕的子塊；繪制與所述當前屏幕相鄰的子塊并將繪制的子塊存入緩存；在屏幕移動時讀取所述緩存內已繪制的子塊的內容并顯示；以及在屏幕移動后重復所述繪制與所述當前屏幕相鄰的子塊并將繪制的子塊存入緩存。

所述網頁顯示裝置，包括：獲取模塊，用以獲取待顯示的網頁，該網頁包括多個子塊；繪制模塊，用以繪制對應當前顯示屏幕的子塊，以及繪制與當前屏幕邊界相鄰的子塊；緩存模塊，用以存儲繪制出的與當前屏幕相鄰的子塊的內容；顯示模塊，用以顯示對應當前屏幕的子塊并在屏幕移動時讀取所述緩存內已繪制的子塊的內容并顯示；以及調用模塊，用于在當前屏幕的位置變化后調用所述繪制模塊繪制與當前屏幕邊界相鄰的子塊并將繪制出的子塊存儲于所述緩存模塊內。

本發明實施例的網頁顯示方法及裝置在顯示當前屏幕的同時，在后臺不斷繪制與當前顯示的屏幕相鄰的子塊存入到緩存中，滾動或者拖動網頁導致當前屏幕變化時即可調用緩存中已經繪制好的屏幕進行顯示。顯然，消耗的資源較少，而且顯示的屏幕都是已經預先繪制的，顯示的速度較快，也杜絕了屏幕上出現白屏或者閃屏等現象的產生，用戶體驗效果較佳。

圖1示出了本發明實施方式網頁顯示方法的流程圖，詳細如下：

步驟S11，獲取待顯示的網頁，該網頁包括多個子塊。

向現有的網絡服務器發送請求瀏覽某一網頁的請求，以獲得從所述網絡服務器返回的待顯示網頁的數據。在本實施方式中，所述網頁的尺寸為智能終端的屏幕尺寸的多倍，包括多個子塊，顯示過程中需要豎向或者橫向拖動網頁才可完全瀏覽該網頁。

步驟S12，繪制并顯示該網頁對應于當前屏幕的子塊。