瀏覽器資源顯示方法和裝置製造方法
2023-05-27 10:40:51 2
瀏覽器資源顯示方法和裝置製造方法
【專利摘要】本發明涉及一種瀏覽器資源顯示方法和裝置，根據瀏覽器的滾動條的位置信息獲取瀏覽器當前視窗的顯示範圍，當待顯示資源處於瀏覽器當前視窗的顯示範圍內時，下載該待顯示資源，即在拖動滾動條時，待顯示資源進入瀏覽器視窗範圍內時，下載並顯示待顯示資源，而不用下載其它未進入瀏覽器視窗範圍內的待顯示資源，以節省用戶在使用瀏覽器時產生的流量，且不用使用中間伺服器即可實現。
【專利說明】瀏覽器資源顯示方法和裝置
【技術領域】
[0001]本發明涉及瀏覽器【技術領域】，尤其涉及一種瀏覽器資源顯示方法和裝置。
【背景技術】
[0002]隨著無線通訊技術和網際網路技術的飛速發展，在移動終端上使用瀏覽器上網的用戶越來越多。從瀏覽簡單的手機WAP網站到複雜的桌面版3W網站，移動終端瀏覽器產生的數據流量也越來越龐大，因此對於非WIFI的網絡環境下，瀏覽器對於流量的控制和節省對於很多用戶是非常重要的。在當前瀏覽器技術中，節省瀏覽器流量主要有兩種方式:一種是通過中間伺服器對終端瀏覽器請求的網頁數據進行壓縮，從而減少在終端上產生的流量。這種方式的優點是無需終端瀏覽器做任何處理就達到省流目的，缺點是需要有中間伺服器支持；二是可通過無圖模式，即在瀏覽網頁時不加載圖片方式來達到省流目的。這種方法的優點是無需通過中間伺服器，且省流方式簡單有效，其缺點是用戶無法瀏覽網頁中的圖片。
【發明內容】
[0003]本發明的主要目的是提供一種瀏覽器資源顯示方法和裝置，旨在顯示網頁中所有資源的前提下，無需中間伺服器即可達到節省流量的目的。
[0004]本發明提出一種瀏覽器資源顯示方法，包括:
[0005]獲取瀏覽器視窗中網頁滾動條的當前位置信息，根據獲取的位置信息生成所述視窗涵蓋的所述網頁的區域範圍；
[0006]根據所述網頁中各個待顯示資源在所述網頁中的布局信息，確定位於所述區域範圍內的所述網頁的待顯示資源；
[0007]下載確定的待顯示資源，並在所述區域範圍內對應顯示下載的待顯示資源。
[0008]優選地，所述區域範圍由所述網頁的水平滾動條的當前坐標值X1、垂直滾動條的當前坐標值Y1、所述視窗的高度值Hl以及所述視窗的寬度值Wl確定，所述布局信息由所述待顯示資源的水平坐標值X2、垂直坐標值Y2、所述待顯示資源的高度值H2以及所述待顯示資源的寬度值W2確定。
[0009]優選地，所述確定位於所述區域範圍內的所述網頁的待顯示資源的步驟包括:
[0010]確定X2或者X2與W2之和，是否大於Xl且小於Xl與Wl之和，若X2或者X2與W2之和，大於Xl且小於Xl與Wl之和,則確定第一條件成立；
[0011]確定Y2或者Y2與H2之和，是否大於Yl且小於Yl與Hl之和，若Y2或者Y2與H2之和，大於Yl且小於Yl與Hl之和，則確定第二條件成立；
[0012]在第一條件及第二條件都成立時，確定所述待顯示資源位於所述區域範圍內。
[0013]優選地，所述獲取瀏覽器視窗中滾動條的當前位置信息的步驟之前，該方法還包括:
[0014]解析接收到的瀏覽器資源生成所述瀏覽器的待顯示資源的下載地址；
[0015]當所述瀏覽器所在的終端是未連接WIFI網絡時，截止下載待顯示資源，將所述待顯示資源的下載地址存儲在待下載隊列中。
[0016]優選地，獲取瀏覽器視窗中網頁滾動條的當前位置信息，根據獲取的位置信息生成所述視窗涵蓋的所述網頁的區域範圍的步驟之前，該方法還包括:
[0017]確定不處於所述視窗涵蓋的區域範圍內的正在下載的待顯示資源；
[0018]停止下載確定的待顯示資源。
[0019]本發明還提出一種瀏覽器資源顯示裝置，包括:
[0020]生成模塊，用於獲取瀏覽器視窗中網頁滾動條的當前位置信息，根據獲取的位置信息生成所述視窗涵蓋的所述網頁的區域範圍；
[0021]確定模塊，用於根據所述網頁中各個待顯示資源在所述網頁中的布局信息，確定位於所述區域範圍內的所述網頁的待顯示資源；
[0022]顯示模塊，用於下載確定的待顯示資源，並在所述區域範圍內對應顯示下載的待顯示資源。
[0023]優選地，所述區域範圍由所述網頁的水平滾動條的當前坐標值X1、垂直滾動條的當前坐標值Y1、所述視窗的高度值Hl以及所述視窗的寬度值Wl確定，所述布局信息由所述待顯示資源的水平坐標值X2、垂直坐標值Y2、所述待顯示資源的高度值H2以及所述待顯示資源的寬度值W2確定。
[0024]優選地，所述確定模塊具體用於確定X2或者X2與W2之和，是否大於Xl且小於Xl與Wl之和，若X2或者X2與W2之和，大於Xl且小於Xl與Wl之和，則確定第一條件成立；確定Y2或者Y2與H2之和，是否大於Yl且小於Yl與Hl之和，若Y2或者Y2與H2之和，大於Yl且小於Yl與Hl之和，則確定第二條件成立；在第一條件及第二條件都成立時，確定所述待顯示資源位於所述區域範圍內。
[0025]優選地,該裝置還包括:
[0026]解析模塊，用於解析接收到的瀏覽器資源生成所述瀏覽器的待顯示資源的下載地址；
[0027]控制模塊，用於當所述瀏覽器所在的終端是未連接WIFI網絡時，截止下載待顯示資源，將所述待顯示資源的下載地址存儲在待下載隊列中。
[0028]優選地，所述生成模塊還用於偵測到所述滾動條的位置信息發生改變時，獲取瀏覽器視窗中網頁滾動條的當前位置信息，根據獲取的位置信息生成所述視窗涵蓋的所述網頁的區域範圍；該裝置還包括判斷模塊，用於判斷是否有正在下載的待顯示資源；所述確定模塊還用於若有正在下載的待顯示資源，則確定不處於所述視窗涵蓋的區域範圍內的正在下載的待顯示資源；該裝置還包括截止模塊，用於停止下載確定的待顯示資源；所述確定模塊還用於若沒有正在下載的待顯示資源，則根據所述網頁中各個待顯示資源在所述網頁中的布局信息，確定位於所述區域範圍內的所述網頁的待顯示資源。
[0029]本發明提出的瀏覽器資源顯示方法和裝置，根據瀏覽器的滾動條的位置信息獲取瀏覽器當前視窗的顯示範圍，當待顯示資源處於瀏覽器當前視窗的顯示範圍內時，下載該待顯示資源，即在拖動滾動條時，待顯示資源進入瀏覽器視窗範圍內時，下載並顯示待顯示資源，而不用下載其它未進入瀏覽器視窗範圍內的待顯示資源，以節省用戶在使用瀏覽器時產生的流量，且不用使用中間伺服器即可實現。
【專利附圖】
【附圖說明】
[0030]圖1為本發明瀏覽器資源顯示方法第一實施例的流程示意圖；
[0031]圖2為圖1中步驟S20的具體流程示意圖；
[0032]圖3為本發明瀏覽器資源顯示方法第二實施例的流程示意圖；
[0033]圖4為本發明瀏覽器資源顯示方法第二實施例的流程示意圖；
[0034]圖5為本發明瀏覽器資源顯示裝置第一實施例的結構示意圖；
[0035]圖6為本發明瀏覽器資源顯示裝置第二實施例的結構示意圖；
[0036]圖7為本發明瀏覽器資源顯示裝置第三實施例的結構示意圖。
[0037]本發明目的的實現、功能特點及優點將結合實施例，參照附圖做進一步說明。
【具體實施方式】
[0038]下面結合附圖及具體實施例就本發明的技術方案做進一步的說明。應當理解，此處所描述的具體實施例僅僅用以解釋本發明，並不用於限定本發明。
[0039]參照圖1和圖2，圖1為本發明瀏覽器資源顯示方法第一實施例的流程示意圖，圖2為圖1中步驟S20的具體流程示意圖。
[0040]本實施例提出一種瀏覽器資源顯示方法，包括:
[0041]步驟S10，獲取瀏覽器視窗中網頁滾動條的當前位置信息，根據獲取的位置信息生成所述視窗涵蓋的所述網頁的區域範圍；
[0042]滾動條當前位置信息包括瀏覽器視窗的水平滾動條的坐標值XI，以及垂直滾動條的坐標值Y1，在本實施例中坐標的基點可為網頁的左上角處，在瀏覽器初始化時滾動條的位置信息為(0，0)，即水平滾動條和垂直滾動條的坐標值均為0，而當用戶移動滾動條時，滾動條的的位置信息變化為(XI，YDo
[0043]視窗涵蓋的所述網頁的區域範圍由視窗範圍內的水平滾動條的當前坐標值X1、垂直滾動條的當前坐標值Y1、視窗的高度值Wl以及視窗的寬度值Hl來確定，該區域範圍表示為《1，￥1，胃1，!11)，11和Hl的值根據瀏覽器當前的狀態確定，可先判斷瀏覽器是否處於全屏顯示模式，當瀏覽器處於全屏模式時，Wl為終端屏幕的寬度，Hl為終端屏幕的高度；當瀏覽器處於正常模式時，若瀏覽器為正常大小顯示，則Wl為終端屏幕的寬度，Hl為終端屏幕的高度與瀏覽器工具條的寬度值的差值，可預設全屏模式顯示以及正常模式顯示的Wl和H1，並將該Wl和Hl與瀏覽器的顯示模式關聯保存，根據滾動條當前的位置信息以及瀏覽器的顯示模式生成視窗涵蓋的所述網頁的區域範圍(XI，Y1，W1，Hl);當瀏覽器處於正常模式顯示時，若瀏覽器縮小至一定的比例顯示，則根據正常顯示模式所對應的Wl和Hl,以及顯示比例計算出當前的Wl和H1，以生成相應的視窗涵蓋的所述網頁的區域範圍(XI, Yl, ffl, HDo
[0044]步驟S20，根據所述網頁中各個待顯示資源在所述網頁中的布局信息，確定位於所述區域範圍內的所述網頁的待顯示資源；
[0045]在接收到瀏覽器的資源時，可將瀏覽器資源解析為多個待顯示資源的下載地址、待顯示資源的類型以及待顯示資源的層疊樣式表，待顯示資源包括不同的類型資源例如圖片、視頻、文字等，根據層疊樣式表中網頁的樣式、排版以及待顯示資源的類型、大小生成待顯示資源的在瀏覽器頁面中的布局信息，該布局信息包括待顯示資源的水平坐標值X2、垂直坐標值Y2、所述待顯示資源的高度值H2以及所述待顯示資源的寬度值W2。該待顯示資源優選為圖片以及視頻資源，在網頁的顯示過程中可先下載全部的文字信息，在文字信息下載完畢時僅下載出現在視窗涵蓋網頁的區域範圍。在解析接收到瀏覽器的資源後，先下載全部的文字信息然後將將待顯示資源的布局信息與其他待顯示資源下載地址關聯保存，在獲取到的待顯示資源中待顯示資源的布局信息位於所述區域範圍內，則根據對應的下載地址下載該待顯示資源。
[0046]參照圖2，在本實施例中步驟S20的具體步驟如下:
[0047]步驟S21，確定Χ2或者Χ2與W2之和，是否大於Xl且小於Xl與Wl之和，若Χ2或者Χ2與W2之和，大於Xl且小於Xl與Wl之和，則確定第一條件成立；
[0048]步驟S22，確定Υ2或者Υ2與Η2之和，是否大於Yl且小於Yl與Hl之和，若Υ2或者Υ2與Η2之和，大於Yl且小於Yl與Hl之和，則確定第二條件成立；
[0049]步驟S23，在第一條件及第二條件都成立時，確定所述待顯示資源位於所述區域範圍內。
[0050]定位於所述區域範圍內的所述網頁的待顯示資源的條件採用邏輯公式表達如下:(Xl<X2<Xl+ffl XKX2+W2<Xl+ffl)&&(Yl<Y2<Yl+Hl | Y1〈Y2+H2〈Y1+H1)。
[0051]當用戶移動滾動條時滾動條的位置信息改變為(XI，Yl)時，則相應的視窗涵蓋的所述網頁的區域範圍為(XI，Y1，W1，H1)，相當於視窗在網頁上移動，在本實施例中，待顯示資源的布局信息優選為以瀏覽器頁面的左上角為基點，待顯示資源的布局信息(X2, Y2, W2, H2)中待顯示資源的水平坐標值X2、垂直坐標值Y2在本實施例中優選為待顯示資源的左上角的坐標(X2, Y2)。
[0052]在用戶移動滾動條時，可先獲取當前視窗涵蓋的所述網頁的區域範圍(XI，Yl, ffl, Hl),依次獲取待顯示資源的布局信息(X2，Y2, W2, H2)，並將獲取到的布局信息(X2，Y2，W2，H2)與獲取到的區域範圍《1，￥1，胃1，!11)進行比對，若X1〈X2〈X1+W1且Y1〈Y2〈Y1+H1，則說明視頻待顯示資源左上角位置處於當前視窗的顯示範圍內，例如在向右拖動水平滾動條及/或向下拖動的垂直滾動條時，待顯示資源的左上角位置會出現在視窗內，則可下載該待顯示資源；SX1〈X2+W2〈X1+W1且Y1〈Y2+H2〈Y1+H1時，則說明待顯示資源的左上角位置不在當前視窗的顯示範圍內，但待顯示資源的部分顯示在當前視窗涵蓋的網頁的區域範圍，例如用戶拖動滾動條的幅度較大，或者用戶向左拖動水平滾動條及/或向上拖動的垂直滾動條，都會出現待顯示資源的左上角位置未出現在視窗顯示範圍內，但待顯示資源的部分出現在視窗顯示區域範圍內，此時下載該待顯示資源並顯示，以供用戶觀看，以提聞用戶體驗度。
[0053]步驟S30，下載確定的待顯示資源，並在所述區域範圍內對應顯示下載的待顯示資源；
[0054]在下載待顯示資源之前，可先判斷是否下載過待顯示資源，由於用戶可能重複瀏覽網頁的某一部分，則會出現某些待顯示資源已經下載過，此時不需要重新下載該待顯示資源，只需要由存儲裝置中調用下載過的待顯示資源即可，以免重複下載造成資源的浪費。
[0055]在本實施例中，在接收到瀏覽器資源時將瀏覽器資源解析為多個待顯示資源的下載地址，每個待顯示資源均對應一個下載地址，若確定待顯示資源進入當前視窗涵蓋的網頁的區域範圍，則根據解析得到的下載地址下載該待顯示資源，該下載地址優先為網頁地址。
[0056]本實施例提出的瀏覽器資源下載方法，根據瀏覽器的滾動條的位置信息獲取瀏覽器當前視窗的顯示範圍，當待顯示資源處於瀏覽器當前視窗的顯示範圍內時，下載該待顯示資源，即在拖動滾動條時，待顯示資源進入瀏覽器視窗範圍內時，下載並顯示待顯示資源，而不用下載其它未進入瀏覽器視窗範圍內的待顯示資源，以節省用戶在使用瀏覽器時產生的流量，且不用使用中間伺服器即可實現。
[0057]參照圖3，圖3為本發明瀏覽器資源顯示方法第二實施例的流程示意圖。
[0058]基於第一實施例提出本發明瀏覽器資源顯示方法第二實施例，在本實施例中，在步驟SlO之前還包括:
[0059]步驟S40，解析接收到的瀏覽器資源生成所述瀏覽器的待顯示資源的下載地址；
[0060]步驟S50，當所述瀏覽器所在的終端是未連接WIFI網絡時，截止下載待顯示資源，將所述待顯示資源的下載地址存儲在待下載隊列中
[0061]在用戶啟動瀏覽器時或者用戶打開網頁時，會接收到伺服器發送的瀏覽器資源，解析該瀏覽器資源獲取每個待顯示資源(如文字、圖片、視頻等)的下載地址。由於手機等移動終端可連接WIFI網絡，也可連接其他移動2G/3G網絡，由於2G/3G網絡等收費較高，可在WIFI網絡環境下下載所有待顯示資源，若在2G/3G網絡等其他網絡連接下時，可根據待顯示資源的類型先下載文字、表格等佔用流量較小的待顯示資源，截止下載圖片和視頻等佔用流量較大的待顯示資源，將所述圖片和視頻等佔用流量較大的待顯示資源的下載地址存儲在待下載隊列中，在圖片和視頻等佔用流量較大的待顯示資源進入視窗涵蓋的網頁的區域範圍時，由待下載隊列中下載圖片和視頻等佔用流量較大的待顯示資源；或者在2G/3G網絡等其他網絡連接下時，截止下載所有的待顯示資源，當待顯示資源進入視窗涵蓋的網頁的區域範圍時，則下載該進入視窗涵蓋的網頁的區域範圍的待顯示資源。
[0062]參照圖4，圖4為本發明瀏覽器資源顯示方法第三實施例的流程示意圖。
[0063]基於第一實施例提出本發明瀏覽器資源顯不方法第三實施例，在本實施例中，該方法還包括:
[0064]步驟S60，偵測到所述滾動條的位置信息發生改變時，獲取瀏覽器視窗中網頁滾動條的當前位置信息，根據獲取的位置信息生成所述視窗涵蓋的所述網頁的區域範圍；
[0065]步驟S70，判斷是否有正在下載的待顯示資源；
[0066]步驟S80，若有正在下載的待顯示資源，則確定不處於所述視窗涵蓋的區域範圍內的正在下載的待顯示資源；
[0067]步驟S90，停止下載確定的待顯示資源；
[0068]若沒有正在下載的待顯示資源，則執行步驟S20，根據所述網頁中各個待顯示資源在所述網頁中的布局信息，確定位於所述區域範圍內的所述網頁的待顯示資源。
[0069]由於可能用戶會連續拖動滾動條至某一位置，若檢測到滾動條的位置信息連續發生變化時，不下載連續出現在視窗範圍內的待顯示資源，直至接收到滾動條的位置信息停止變化的信息時，獲取當前視窗的顯示範圍信息並遍歷圖片及視頻待顯示資源的布局信息，下載視窗區域範圍內的待顯示資源。
[0070]由於用戶拖動滾動條過於頻繁，則會出現滾動條的信息發生改變時，正在下載的待顯示資源已經不處於視窗的區域範圍內，此時可停止下載不處於視窗顯示範圍內的待顯示資源，並開始下載其它處於視窗顯示範圍內的待顯示資源，以節省瀏覽器所在終端產生的流量。
[0071]參照圖5，圖5為本發明瀏覽器資源顯示裝置第一實施例的結構示意圖。
[0072]本實施例提出一種瀏覽器資源顯示裝置，包括:
[0073]生成模塊10，用於獲取瀏覽器視窗中網頁滾動條的當前位置信息，根據獲取的位置信息生成所述視窗涵蓋的所述網頁的區域範圍；
[0074]滾動條當前位置信息包括瀏覽器視窗的水平滾動條的坐標值XI，以及垂直滾動條的坐標值Y1，在本實施例中坐標的基點可為網頁的左上角處，在瀏覽器初始化時滾動條的位置信息為(0，0)，即水平滾動條和垂直滾動條的坐標值均為0，而當用戶移動滾動條時，滾動條的的位置信息變化為(XI，YDo
[0075]視窗涵蓋的所述網頁的區域範圍由視窗範圍內的水平滾動條的當前坐標值X1、垂直滾動條的當前坐標值Y1、視窗的高度值Wl以及視窗的寬度值Hl來確定，該區域範圍表示為《1，￥1，胃1，!11)，11和Hl的值根據瀏覽器當前的狀態確定，可先判斷瀏覽器是否處於全屏顯示模式，當瀏覽器處於全屏模式時，Wl為終端屏幕的寬度，Hl為終端屏幕的高度；當瀏覽器處於正常模式時，若瀏覽器為正常大小顯示，則Wl為終端屏幕的寬度，Hl為終端屏幕的高度與瀏覽器工具條的寬度值的差值，可預設全屏模式顯示以及正常模式顯示的Wl和H1，並將該Wl和Hl與瀏覽器的顯示模式關聯保存，根據滾動條當前的位置信息以及瀏覽器的顯示模式生成視窗涵蓋的所述網頁的區域範圍(XI，Yl, Wl, Hl);當瀏覽器處於正常模式顯示時，若瀏覽器縮小至一定的比例顯示，則根據正常顯示模式所對應的Wl和H1，以及顯示比例計算出當前的Wl和H1，以生成相應的視窗涵蓋的所述網頁的區域範圍(XI, Yl, ffl, HDo
[0076]確定模塊20，用於根據所述網頁中各個待顯示資源在所述網頁中的布局信息，確定位於所述區域範圍內的所述網頁的待顯示資源；
[0077]在接收到瀏覽器的資源時，可將瀏覽器資源解析為多個待顯示資源的下載地址、待顯示資源的類型以及待顯示資源的層疊樣式表，待顯示資源包括不同的類型資源例如圖片、視頻、文字等，根據層疊樣式表中網頁的樣式、排版以及待顯示資源的類型、大小生成待顯示資源的在瀏覽器頁面中的布局信息，該布局信息包括待顯示資源的水平坐標值X2、垂直坐標值Y2、所述待顯示資源的高度值H2以及所述待顯示資源的寬度值W2。該待顯示資源優選為圖片以及視頻資源，在網頁的顯示過程中可先下載全部的文字信息，在文字信息下載完畢時僅下載出現在視窗涵蓋網頁的區域範圍。在解析接收到瀏覽器的資源後，先下載全部的文字信息然後將將待顯示資源的布局信息與其他待顯示資源下載地址關聯保存，在獲取到的待顯示資源中待顯示資源的布局信息位於所述區域範圍內，則根據對應的下載地址下載該待顯示資源。
[0078]確定模塊20確定位於所述區域範圍內的所述網頁的待顯示資源的過程具體如下:確定X2或者X2與W2之和，是否大於Xl且小於Xl與Wl之和，若X2或者X2與W2之和，大於Xl且小於Xl與Wl之和，則確定第一條件成立；步驟S22，確定Y2或者Y2與H2之和，是否大於Yl且小於Yl與Hl之和，若Y2或者Y2與H2之和，大於Yl且小於Yl與Hl之和，則確定第二條件成立；在第一條件及第二條件都成立時，確定所述待顯示資源位於所述區域範圍內。
[0079]定位於所述區域範圍內的所述網頁的待顯示資源的條件採用邏輯公式表達如下:(Xl<X2<Xl+ffl XKX2+W2<Xl+ffl)&&(Yl<Y2<Yl+Hl | Y1〈Y2+H2〈Y1+H1)。
[0080]當用戶移動滾動條時滾動條的位置信息改變為(XI，Yl)時，則相應的視窗涵蓋的所述網頁的區域範圍為(XI，Y1，W1，H1)，相當於視窗在網頁上移動，在本實施例中，待顯示資源的布局信息優選為以瀏覽器頁面的左上角為基點，待顯示資源的布局信息(X2, Y2, W2, H2)中待顯示資源的水平坐標值X2、垂直坐標值Y2在本實施例中優選為待顯示資源的左上角的坐標(X2, Y2)。
[0081]在用戶移動滾動條時，可先獲取當前視窗涵蓋的所述網頁的區域範圍(XI，Yl, ffl, Hl),依次獲取待顯示資源的布局信息(X2，Y2, W2, H2)，並將獲取到的布局信息(X2，Y2，W2，H2)與獲取到的區域範圍《1，￥1，胃1，!11)進行比對，若X1〈X2〈X1+W1且Y1〈Y2〈Y1+H1，則說明視頻待顯示資源左上角位置處於當前視窗的顯示範圍內，例如在向右拖動水平滾動條及/或向下拖動的垂直滾動條時，待顯示資源的左上角位置會出現在視窗內，則可下載該待顯示資源；若X1〈X2+W2〈X1+W1且Y1〈Y2+H2〈Y1+H1時，則說明待顯示資源的左上角位置不在當前視窗的顯示範圍內，但待顯示資源的部分顯示在當前視窗涵蓋的網頁的區域範圍，例如用戶拖動滾動條的幅度較大，或者用戶向左拖動水平滾動條及/或向上拖動的垂直滾動條，都會出現待顯示資源的左上角位置未出現在視窗顯示範圍內，但待顯示資源的部分出現在視窗顯示區域範圍內，此時下載該待顯示資源並顯示，以供用戶觀看，以提聞用戶體驗度。
[0082]顯示模塊30，用於下載確定的待顯示資源，並在所述區域範圍內對應顯示下載的待顯示資源。
[0083]在下載待顯示資源之前，可先判斷是否下載過待顯示資源，由於用戶可能重複瀏覽網頁的某一部分，則會出現某些待顯示資源已經下載過，此時不需要重新下載該待顯示資源，只需要由存儲裝置中調用下載過的待顯示資源即可，以免重複下載造成資源的浪費。
[0084]在本實施例中，在接收到瀏覽器資源時將瀏覽器資源解析為多個待顯示資源的下載地址，每個待顯示資源均對應一個下載地址，若確定待顯示資源進入當前視窗涵蓋的網頁的區域範圍，則根據解析得到的下載地址下載該待顯示資源，該下載地址優先為網頁地址。
[0085]本實施例提出的瀏覽器資源下載裝置，根據瀏覽器的滾動條的位置信息獲取瀏覽器當前視窗的顯示範圍，當待顯示資源處於瀏覽器當前視窗的顯示範圍內時，下載該待顯示資源，即在拖動滾動條時，待顯示資源進入瀏覽器視窗範圍內時，下載並顯示待顯示資源，而不用下載其它未進入瀏覽器視窗範圍內的待顯示資源，以節省用戶在使用瀏覽器時產生的流量，且不用使用中間伺服器即可實現。
[0086]參照圖6，圖6為本發明瀏覽器資源顯示裝置第二實施例的結構示意圖。
[0087]基於第一實施例，提出本發明瀏覽器資源顯示裝置第二實施例，在本實施例中，該裝置還包括:
[0088]解析模塊40，用於解析接收到的瀏覽器資源生成所述瀏覽器的待顯示資源的下載地址；
[0089]控制模塊50，用於當所述瀏覽器所在的終端是未連接WIFI網絡時，截止下載待顯示資源，將所述待顯示資源的下載地址存儲在待下載隊列中。
[0090]在用戶啟動瀏覽器時或者用戶打開網頁時，會接收到伺服器發送的瀏覽器資源，解析該瀏覽器資源獲取每個待顯示資源(如文字、圖片、視頻等)的下載地址。由於手機等移動終端可連接WIFI網絡，也可連接其他移動2G/3G網絡，由於2G/3G網絡等收費較高，可在WIFI網絡環境下下載所有待顯示資源，若在2G/3G網絡等其他網絡連接下時，可根據待顯示資源的類型先下載文字、表格等佔用流量較小的待顯示資源，截止下載圖片和視頻等佔用流量較大的待顯示資源，將所述圖片和視頻等佔用流量較大的待顯示資源的下載地址存儲在待下載隊列中，在圖片和視頻等佔用流量較大的待顯示資源進入視窗涵蓋的網頁的區域範圍時，由待下載隊列中下載圖片和視頻等佔用流量較大的待顯示資源；或者在2G/3G網絡等其他網絡連接下時，截止下載所有的待顯示資源，當待顯示資源進入視窗涵蓋的網頁的區域範圍時，則下載該進入視窗涵蓋的網頁的區域範圍的待顯示資源。
[0091]參照圖7，圖7為本發明瀏覽器資源顯示裝置第三實施例的結構示意圖。
[0092]在本發明瀏覽器資源下載裝置第一實施例和第二實施例中，
[0093]所述生成模塊10還用於偵測到所述滾動條的位置信息發生改變時，獲取瀏覽器視窗中網頁滾動條的當前位置信息，根據獲取的位置信息生成所述視窗涵蓋的所述網頁的區域範圍；還包括判斷模塊60還用於判斷是否有正在下載的待顯示資源；所述確定模塊20還用於若有正在下載的待顯示資源，則確定不處於所述視窗涵蓋的區域範圍內的正在下載的待顯示資源；該裝置還包括截止模塊70，用於停止下載確定的待顯示資源；所述確定模塊20還用於若沒有正在下載的待顯示資源，則根據所述網頁中各個待顯示資源在所述網頁中的布局信息，確定位於所述區域範圍內的所述網頁的待顯示資源。
[0094]由於可能用戶會連續拖動滾動條至某一位置，若檢測到滾動條的位置信息連續發生變化時，不下載連續出現在視窗範圍內的待顯示資源，直至接收到滾動條的位置信息停止變化的信息時，獲取當前視窗的顯示範圍信息並遍歷圖片及視頻待顯示資源的布局信息，下載視窗區域範圍內的待顯示資源。
[0095]由於用戶拖動滾動條過於頻繁，則會出現滾動條的信息發生改變時，正在下載的待顯示資源已經不處於視窗的區域範圍內，此時可停止下載不處於視窗顯示範圍內的待顯示資源，並開始下載其它處於視窗顯示範圍內的待顯示資源，以節省瀏覽器所在終端產生的流量。
[0096]以上所述僅為本發明的優選實施例，並非因此限制本發明的專利範圍，凡是利用本發明說明書及附圖內容所作的等效結構變換，或直接或間接運用在其他相關的【技術領域】，均同理包括在本發明的專利保護範圍內。
【權利要求】
1.一種瀏覽器資源顯示方法，其特徵在於，包括: 獲取瀏覽器視窗中網頁滾動條的當前位置信息，根據獲取的位置信息生成所述視窗涵蓋的所述網頁的區域範圍； 根據所述網頁中各個待顯示資源在所述網頁中的布局信息，確定位於所述區域範圍內的所述網頁的待顯示資源； 下載確定的待顯示資源，並在所述區域範圍內對應顯示下載的待顯示資源。
2.根據權利要求1所述的方法，其特徵在於，所述區域範圍由所述網頁的水平滾動條的當前坐標值X1、垂直滾動條的當前坐標值Y1、所述視窗的高度值Hl以及所述視窗的寬度值Wl確定，所述布局信息由所述待顯示資源的水平坐標值X2、垂直坐標值Y2、所述待顯示資源的高度值H2以及所述待顯示資源的寬度值W2確定。
3.根據權利要求2所述的方法，其特徵在於，所述確定位於所述區域範圍內的所述網頁的待顯示資源的步驟包括: 確定X2或者X2與W2之和，是否大於Xl且小於Xl與Wl之和，若X2或者X2與W2之和，大於Xl且小於Xl與Wl之和,則確定第一條件成立； 確定Y2或者Y2與H2之和，是否大於Yl且小於Yl與Hl之和，若Y2或者Y2與H2之和，大於Yl且小於Yl與Hl之和，則確定第二條件成立； 在第一條件及第二條件都成立時，確定所述待顯示資源位於所述區域範圍內。
4.根據權利要求1所述的方法，其特徵在於，所述獲取瀏覽器視窗中滾動條的當前位置信息的步驟之前，該方法還包括: 解析接收到的瀏覽器資源生成所述瀏覽器的待顯示資源的下載地址； 當所述瀏覽器所在的終端是未連接WIFI網絡時，截止下載待顯示資源，將所述待顯示資源的下載地址存儲在待下載隊列中。
5.根據權利要求1所述的方法，其特徵在於，該方法還包括: 偵測到所述滾動條的位置信息發生改變時，獲取瀏覽器視窗中網頁滾動條的當前位置信息，根據獲取的位置信息生成所述視窗涵蓋的所述網頁的區域範圍； 判斷是否有正在下載的待顯示資源； 若有正在下載的待顯示資源，則確定不處於所述視窗涵蓋的區域範圍內的正在下載的待顯示資源； 停止下載確定的待顯示資源； 若沒有正在下載的待顯示資源，則根據所述網頁中各個待顯示資源在所述網頁中的布局信息，確定位於所述區域範圍內的所述網頁的待顯示資源。
6.一種瀏覽器資源顯示裝置，其特徵在於，包括: 生成模塊，用於獲取瀏覽器視窗中網頁滾動條的當前位置信息，根據獲取的位置信息生成所述視窗涵蓋的所述網頁的區域範圍； 確定模塊，用於根據所述網頁中各個待顯示資源在所述網頁中的布局信息，確定位於所述區域範圍內的所述網頁的待顯示資源； 顯示模塊，用於下載確定的待顯示資源，並在所述區域範圍內對應顯示下載的待顯示資源。
7.根據權利要求6所述的裝置，其特徵在於，所述區域範圍由所述網頁的水平滾動條的當前坐標值X1、垂直滾動條的當前坐標值Y1、所述視窗的高度值Hl以及所述視窗的寬度值Wl確定，所述布局信息由所述待顯示資源的水平坐標值X2、垂直坐標值Y2、所述待顯示資源的高度值H2以及所述待顯示資源的寬度值W2確定。
8.根據權利要求7所述的裝置，其特徵在於，所述確定模塊具體用於確定X2或者X2與W2之和，是否大於Xl且小於Xl與Wl之和，若X2或者X2與W2之和，大於Xl且小於Xl與Wl之和，則確定第一條件成立；確定Y2或者Y2與H2之和，是否大於Yl且小於Yl與Hl之和，若Y2或者Y2與H2之和，大於Yl且小於Yl與Hl之和，則確定第二條件成立；在第一條件及第二條件都成立時，確定所述待顯示資源位於所述區域範圍內。
9.根據權利要求6所述的裝置，其特徵在於，該裝置還包括: 解析模塊，用於解析接收到的瀏覽器資源生成所述瀏覽器的待顯示資源的下載地址； 控制模塊，用於當所述瀏覽器所在的終端是未連接WIFI網絡時，截止下載待顯示資源，將所述待顯示資源的下載地址存儲在待下載隊列中。
10.根據權利要求6所述的裝置，其特徵在於，所述生成模塊還用於偵測到所述滾動條的位置信息發生改變時，獲取瀏覽器視窗中網頁滾動條的當前位置信息，根據獲取的位置信息生成所述視窗涵蓋的所述網頁的區域範圍；該裝置還包括判斷模塊，用於判斷是否有正在下載的待顯示資源；所述確定模塊還用於若有正在下載的待顯示資源，則確定不處於所述視窗涵蓋的區域範圍內的正在下載的待顯示資源；該裝置還包括截止模塊，用於停止下載確定的待顯示資源；所述確定模塊還用於若沒有正在下載的待顯示資源，則根據所述網頁中各個待顯示資源在所述網頁中的布局信息，確定位於所述區域範圍內的所述網頁的待顯示資源。
【文檔編號】G06F3/0485GK104423839SQ201310389461
【公開日】2015年3月18日 申請日期:2013年8月30日 優先權日:2013年8月30日
【發明者】曹剛 申請人:中興通訊股份有限公司