瀏覽器資源顯示方法和裝置制造方法
【專利摘要】本發(fā)明涉及一種瀏覽器資源顯示方法和裝置，根據(jù)瀏覽器的滾動條的位置信息獲取瀏覽器當(dāng)前視窗的顯示范圍，當(dāng)待顯示資源處于瀏覽器當(dāng)前視窗的顯示范圍內(nèi)時，下載該待顯示資源，即在拖動滾動條時，待顯示資源進(jìn)入瀏覽器視窗范圍內(nèi)時，下載并顯示待顯示資源，而不用下載其它未進(jìn)入瀏覽器視窗范圍內(nèi)的待顯示資源，以節(jié)省用戶在使用瀏覽器時產(chǎn)生的流量，且不用使用中間服務(wù)器即可實(shí)現(xiàn)。
【專利說明】瀏覽器資源顯示方法和裝置

【技術(shù)領(lǐng)域】
[0001]本發(fā)明涉及瀏覽器【技術(shù)領(lǐng)域】，尤其涉及一種瀏覽器資源顯示方法和裝置。

【背景技術(shù)】
[0002]隨著無線通訊技術(shù)和互聯(lián)網(wǎng)技術(shù)的飛速發(fā)展，在移動終端上使用瀏覽器上網(wǎng)的用戶越來越多。從瀏覽簡單的手機(jī)WAP網(wǎng)站到復(fù)雜的桌面版3W網(wǎng)站，移動終端瀏覽器產(chǎn)生的數(shù)據(jù)流量也越來越龐大，因此對于非WIFI的網(wǎng)絡(luò)環(huán)境下，瀏覽器對于流量的控制和節(jié)省對于很多用戶是非常重要的。在當(dāng)前瀏覽器技術(shù)中，節(jié)省瀏覽器流量主要有兩種方式:一種是通過中間服務(wù)器對終端瀏覽器請求的網(wǎng)頁數(shù)據(jù)進(jìn)行壓縮，從而減少在終端上產(chǎn)生的流量。這種方式的優(yōu)點(diǎn)是無需終端瀏覽器做任何處理就達(dá)到省流目的，缺點(diǎn)是需要有中間服務(wù)器支持；二是可通過無圖模式，即在瀏覽網(wǎng)頁時不加載圖片方式來達(dá)到省流目的。這種方法的優(yōu)點(diǎn)是無需通過中間服務(wù)器，且省流方式簡單有效，其缺點(diǎn)是用戶無法瀏覽網(wǎng)頁中的圖片。


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

[0003]本發(fā)明的主要目的是提供一種瀏覽器資源顯示方法和裝置，旨在顯示網(wǎng)頁中所有資源的前提下，無需中間服務(wù)器即可達(dá)到節(jié)省流量的目的。
[0004]本發(fā)明提出一種瀏覽器資源顯示方法，包括:
[0005]獲取瀏覽器視窗中網(wǎng)頁滾動條的當(dāng)前位置信息，根據(jù)獲取的位置信息生成所述視窗涵蓋的所述網(wǎng)頁的區(qū)域范圍；
[0006]根據(jù)所述網(wǎng)頁中各個待顯示資源在所述網(wǎng)頁中的布局信息，確定位于所述區(qū)域范圍內(nèi)的所述網(wǎng)頁的待顯示資源；
[0007]下載確定的待顯示資源，并在所述區(qū)域范圍內(nèi)對應(yīng)顯示下載的待顯示資源。
[0008]優(yōu)選地，所述區(qū)域范圍由所述網(wǎng)頁的水平滾動條的當(dāng)前坐標(biāo)值X1、垂直滾動條的當(dāng)前坐標(biāo)值Y1、所述視窗的高度值Hl以及所述視窗的寬度值Wl確定，所述布局信息由所述待顯示資源的水平坐標(biāo)值X2、垂直坐標(biāo)值Y2、所述待顯示資源的高度值H2以及所述待顯示資源的寬度值W2確定。
[0009]優(yōu)選地，所述確定位于所述區(qū)域范圍內(nèi)的所述網(wǎng)頁的待顯示資源的步驟包括:
[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]在第一條件及第二條件都成立時，確定所述待顯示資源位于所述區(qū)域范圍內(nèi)。
[0013]優(yōu)選地，所述獲取瀏覽器視窗中滾動條的當(dāng)前位置信息的步驟之前，該方法還包括:
[0014]解析接收到的瀏覽器資源生成所述瀏覽器的待顯示資源的下載地址；
[0015]當(dāng)所述瀏覽器所在的終端是未連接WIFI網(wǎng)絡(luò)時，截止下載待顯示資源，將所述待顯示資源的下載地址存儲在待下載隊列中。
[0016]優(yōu)選地，獲取瀏覽器視窗中網(wǎng)頁滾動條的當(dāng)前位置信息，根據(jù)獲取的位置信息生成所述視窗涵蓋的所述網(wǎng)頁的區(qū)域范圍的步驟之前，該方法還包括:
[0017]確定不處于所述視窗涵蓋的區(qū)域范圍內(nèi)的正在下載的待顯示資源；
[0018]停止下載確定的待顯示資源。
[0019]本發(fā)明還提出一種瀏覽器資源顯示裝置，包括:
[0020]生成模塊，用于獲取瀏覽器視窗中網(wǎng)頁滾動條的當(dāng)前位置信息，根據(jù)獲取的位置信息生成所述視窗涵蓋的所述網(wǎng)頁的區(qū)域范圍；
[0021]確定模塊，用于根據(jù)所述網(wǎng)頁中各個待顯示資源在所述網(wǎng)頁中的布局信息，確定位于所述區(qū)域范圍內(nèi)的所述網(wǎng)頁的待顯示資源；
[0022]顯示模塊，用于下載確定的待顯示資源，并在所述區(qū)域范圍內(nèi)對應(yīng)顯示下載的待顯示資源。
[0023]優(yōu)選地，所述區(qū)域范圍由所述網(wǎng)頁的水平滾動條的當(dāng)前坐標(biāo)值X1、垂直滾動條的當(dāng)前坐標(biāo)值Y1、所述視窗的高度值Hl以及所述視窗的寬度值Wl確定，所述布局信息由所述待顯示資源的水平坐標(biāo)值X2、垂直坐標(biāo)值Y2、所述待顯示資源的高度值H2以及所述待顯示資源的寬度值W2確定。
[0024]優(yōu)選地，所述確定模塊具體用于確定X2或者X2與W2之和，是否大于Xl且小于Xl與Wl之和，若X2或者X2與W2之和，大于Xl且小于Xl與Wl之和，則確定第一條件成立；確定Y2或者Y2與H2之和，是否大于Yl且小于Yl與Hl之和，若Y2或者Y2與H2之和，大于Yl且小于Yl與Hl之和，則確定第二條件成立；在第一條件及第二條件都成立時，確定所述待顯示資源位于所述區(qū)域范圍內(nèi)。
[0025]優(yōu)選地,該裝置還包括:
[0026]解析模塊，用于解析接收到的瀏覽器資源生成所述瀏覽器的待顯示資源的下載地址；
[0027]控制模塊，用于當(dāng)所述瀏覽器所在的終端是未連接WIFI網(wǎng)絡(luò)時，截止下載待顯示資源，將所述待顯示資源的下載地址存儲在待下載隊列中。
[0028]優(yōu)選地，所述生成模塊還用于偵測到所述滾動條的位置信息發(fā)生改變時，獲取瀏覽器視窗中網(wǎng)頁滾動條的當(dāng)前位置信息，根據(jù)獲取的位置信息生成所述視窗涵蓋的所述網(wǎng)頁的區(qū)域范圍；該裝置還包括判斷模塊，用于判斷是否有正在下載的待顯示資源；所述確定模塊還用于若有正在下載的待顯示資源，則確定不處于所述視窗涵蓋的區(qū)域范圍內(nèi)的正在下載的待顯示資源；該裝置還包括截止模塊，用于停止下載確定的待顯示資源；所述確定模塊還用于若沒有正在下載的待顯示資源，則根據(jù)所述網(wǎng)頁中各個待顯示資源在所述網(wǎng)頁中的布局信息，確定位于所述區(qū)域范圍內(nèi)的所述網(wǎng)頁的待顯示資源。
[0029]本發(fā)明提出的瀏覽器資源顯示方法和裝置，根據(jù)瀏覽器的滾動條的位置信息獲取瀏覽器當(dāng)前視窗的顯示范圍，當(dāng)待顯示資源處于瀏覽器當(dāng)前視窗的顯示范圍內(nèi)時，下載該待顯示資源，即在拖動滾動條時，待顯示資源進(jìn)入瀏覽器視窗范圍內(nèi)時，下載并顯示待顯示資源，而不用下載其它未進(jìn)入瀏覽器視窗范圍內(nèi)的待顯示資源，以節(jié)省用戶在使用瀏覽器時產(chǎn)生的流量，且不用使用中間服務(wù)器即可實(shí)現(xiàn)。

【專利附圖】

【附圖說明】
[0030]圖1為本發(fā)明瀏覽器資源顯示方法第一實(shí)施例的流程示意圖；
[0031]圖2為圖1中步驟S20的具體流程示意圖；
[0032]圖3為本發(fā)明瀏覽器資源顯示方法第二實(shí)施例的流程示意圖；
[0033]圖4為本發(fā)明瀏覽器資源顯示方法第二實(shí)施例的流程示意圖；
[0034]圖5為本發(fā)明瀏覽器資源顯示裝置第一實(shí)施例的結(jié)構(gòu)示意圖；
[0035]圖6為本發(fā)明瀏覽器資源顯示裝置第二實(shí)施例的結(jié)構(gòu)示意圖；
[0036]圖7為本發(fā)明瀏覽器資源顯示裝置第三實(shí)施例的結(jié)構(gòu)示意圖。
[0037]本發(fā)明目的的實(shí)現(xiàn)、功能特點(diǎn)及優(yōu)點(diǎn)將結(jié)合實(shí)施例，參照附圖做進(jìn)一步說明。

【具體實(shí)施方式】
[0038]下面結(jié)合附圖及具體實(shí)施例就本發(fā)明的技術(shù)方案做進(jìn)一步的說明。應(yīng)當(dāng)理解，此處所描述的具體實(shí)施例僅僅用以解釋本發(fā)明，并不用于限定本發(fā)明。
[0039]參照圖1和圖2，圖1為本發(fā)明瀏覽器資源顯示方法第一實(shí)施例的流程示意圖，圖2為圖1中步驟S20的具體流程示意圖。
[0040]本實(shí)施例提出一種瀏覽器資源顯示方法，包括:
[0041]步驟S10，獲取瀏覽器視窗中網(wǎng)頁滾動條的當(dāng)前位置信息，根據(jù)獲取的位置信息生成所述視窗涵蓋的所述網(wǎng)頁的區(qū)域范圍；
[0042]滾動條當(dāng)前位置信息包括瀏覽器視窗的水平滾動條的坐標(biāo)值XI，以及垂直滾動條的坐標(biāo)值Y1，在本實(shí)施例中坐標(biāo)的基點(diǎn)可為網(wǎng)頁的左上角處，在瀏覽器初始化時滾動條的位置信息為(0，0)，即水平滾動條和垂直滾動條的坐標(biāo)值均為0，而當(dāng)用戶移動滾動條時，滾動條的的位置信息變化為(XI，YDo
[0043]視窗涵蓋的所述網(wǎng)頁的區(qū)域范圍由視窗范圍內(nèi)的水平滾動條的當(dāng)前坐標(biāo)值X1、垂直滾動條的當(dāng)前坐標(biāo)值Y1、視窗的高度值Wl以及視窗的寬度值Hl來確定，該區(qū)域范圍表示為《1，￥1，胃1，!11)，11和Hl的值根據(jù)瀏覽器當(dāng)前的狀態(tài)確定，可先判斷瀏覽器是否處于全屏顯示模式，當(dāng)瀏覽器處于全屏模式時，Wl為終端屏幕的寬度，Hl為終端屏幕的高度；當(dāng)瀏覽器處于正常模式時，若瀏覽器為正常大小顯示，則Wl為終端屏幕的寬度，Hl為終端屏幕的高度與瀏覽器工具條的寬度值的差值，可預(yù)設(shè)全屏模式顯示以及正常模式顯示的Wl和H1，并將該Wl和Hl與瀏覽器的顯示模式關(guān)聯(lián)保存，根據(jù)滾動條當(dāng)前的位置信息以及瀏覽器的顯示模式生成視窗涵蓋的所述網(wǎng)頁的區(qū)域范圍(XI，Y1，W1，Hl);當(dāng)瀏覽器處于正常模式顯示時，若瀏覽器縮小至一定的比例顯示，則根據(jù)正常顯示模式所對應(yīng)的Wl和Hl,以及顯示比例計算出當(dāng)前的Wl和H1，以生成相應(yīng)的視窗涵蓋的所述網(wǎng)頁的區(qū)域范圍(XI, Yl, ffl, HDo
[0044]步驟S20，根據(jù)所述網(wǎng)頁中各個待顯示資源在所述網(wǎng)頁中的布局信息，確定位于所述區(qū)域范圍內(nèi)的所述網(wǎng)頁的待顯示資源；
[0045]在接收到瀏覽器的資源時，可將瀏覽器資源解析為多個待顯示資源的下載地址、待顯示資源的類型以及待顯示資源的層疊樣式表，待顯示資源包括不同的類型資源例如圖片、視頻、文字等，根據(jù)層疊樣式表中網(wǎng)頁的樣式、排版以及待顯示資源的類型、大小生成待顯示資源的在瀏覽器頁面中的布局信息，該布局信息包括待顯示資源的水平坐標(biāo)值X2、垂直坐標(biāo)值Y2、所述待顯示資源的高度值H2以及所述待顯示資源的寬度值W2。該待顯示資源優(yōu)選為圖片以及視頻資源，在網(wǎng)頁的顯示過程中可先下載全部的文字信息，在文字信息下載完畢時僅下載出現(xiàn)在視窗涵蓋網(wǎng)頁的區(qū)域范圍。在解析接收到瀏覽器的資源后，先下載全部的文字信息然后將將待顯示資源的布局信息與其他待顯示資源下載地址關(guān)聯(lián)保存，在獲取到的待顯示資源中待顯示資源的布局信息位于所述區(qū)域范圍內(nèi)，則根據(jù)對應(yīng)的下載地址下載該待顯示資源。
[0046]參照圖2，在本實(shí)施例中步驟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，在第一條件及第二條件都成立時，確定所述待顯示資源位于所述區(qū)域范圍內(nèi)。
[0050]定位于所述區(qū)域范圍內(nèi)的所述網(wǎng)頁的待顯示資源的條件采用邏輯公式表達(dá)如下:(Xl<X2<Xl+ffl XKX2+W2<Xl+ffl)&&(Yl<Y2<Yl+Hl | Y1〈Y2+H2〈Y1+H1)。
[0051]當(dāng)用戶移動滾動條時滾動條的位置信息改變?yōu)?XI，Yl)時，則相應(yīng)的視窗涵蓋的所述網(wǎng)頁的區(qū)域范圍為(XI，Y1，W1，H1)，相當(dāng)于視窗在網(wǎng)頁上移動，在本實(shí)施例中，待顯示資源的布局信息優(yōu)選為以瀏覽器頁面的左上角為基點(diǎn)，待顯示資源的布局信息(X2, Y2, W2, H2)中待顯示資源的水平坐標(biāo)值X2、垂直坐標(biāo)值Y2在本實(shí)施例中優(yōu)選為待顯示資源的左上角的坐標(biāo)(X2, Y2)。
[0052]在用戶移動滾動條時，可先獲取當(dāng)前視窗涵蓋的所述網(wǎng)頁的區(qū)域范圍(XI，Yl, ffl, Hl),依次獲取待顯示資源的布局信息(X2，Y2, W2, H2)，并將獲取到的布局信息(X2，Y2，W2，H2)與獲取到的區(qū)域范圍《1，￥1，胃1，!11)進(jìn)行比對，若X1〈X2〈X1+W1且Y1〈Y2〈Y1+H1，則說明視頻待顯示資源左上角位置處于當(dāng)前視窗的顯示范圍內(nèi)，例如在向右拖動水平滾動條及/或向下拖動的垂直滾動條時，待顯示資源的左上角位置會出現(xiàn)在視窗內(nèi)，則可下載該待顯示資源；SX1〈X2+W2〈X1+W1且Y1〈Y2+H2〈Y1+H1時，則說明待顯示資源的左上角位置不在當(dāng)前視窗的顯示范圍內(nèi)，但待顯示資源的部分顯示在當(dāng)前視窗涵蓋的網(wǎng)頁的區(qū)域范圍，例如用戶拖動滾動條的幅度較大，或者用戶向左拖動水平滾動條及/或向上拖動的垂直滾動條，都會出現(xiàn)待顯示資源的左上角位置未出現(xiàn)在視窗顯示范圍內(nèi)，但待顯示資源的部分出現(xiàn)在視窗顯示區(qū)域范圍內(nèi)，此時下載該待顯示資源并顯示，以供用戶觀看，以提聞用戶體驗(yàn)度。
[0053]步驟S30，下載確定的待顯示資源，并在所述區(qū)域范圍內(nèi)對應(yīng)顯示下載的待顯示資源；
[0054]在下載待顯示資源之前，可先判斷是否下載過待顯示資源，由于用戶可能重復(fù)瀏覽網(wǎng)頁的某一部分，則會出現(xiàn)某些待顯示資源已經(jīng)下載過，此時不需要重新下載該待顯示資源，只需要由存儲裝置中調(diào)用下載過的待顯示資源即可，以免重復(fù)下載造成資源的浪費(fèi)。
[0055]在本實(shí)施例中，在接收到瀏覽器資源時將瀏覽器資源解析為多個待顯示資源的下載地址，每個待顯示資源均對應(yīng)一個下載地址，若確定待顯示資源進(jìn)入當(dāng)前視窗涵蓋的網(wǎng)頁的區(qū)域范圍，則根據(jù)解析得到的下載地址下載該待顯示資源，該下載地址優(yōu)先為網(wǎng)頁地址。
[0056]本實(shí)施例提出的瀏覽器資源下載方法，根據(jù)瀏覽器的滾動條的位置信息獲取瀏覽器當(dāng)前視窗的顯示范圍，當(dāng)待顯示資源處于瀏覽器當(dāng)前視窗的顯示范圍內(nèi)時，下載該待顯示資源，即在拖動滾動條時，待顯示資源進(jìn)入瀏覽器視窗范圍內(nèi)時，下載并顯示待顯示資源，而不用下載其它未進(jìn)入瀏覽器視窗范圍內(nèi)的待顯示資源，以節(jié)省用戶在使用瀏覽器時產(chǎn)生的流量，且不用使用中間服務(wù)器即可實(shí)現(xiàn)。
[0057]參照圖3，圖3為本發(fā)明瀏覽器資源顯示方法第二實(shí)施例的流程示意圖。
[0058]基于第一實(shí)施例提出本發(fā)明瀏覽器資源顯示方法第二實(shí)施例，在本實(shí)施例中，在步驟SlO之前還包括:
[0059]步驟S40，解析接收到的瀏覽器資源生成所述瀏覽器的待顯示資源的下載地址；
[0060]步驟S50，當(dāng)所述瀏覽器所在的終端是未連接WIFI網(wǎng)絡(luò)時，截止下載待顯示資源，將所述待顯示資源的下載地址存儲在待下載隊列中
[0061]在用戶啟動瀏覽器時或者用戶打開網(wǎng)頁時，會接收到服務(wù)器發(fā)送的瀏覽器資源，解析該瀏覽器資源獲取每個待顯示資源(如文字、圖片、視頻等)的下載地址。由于手機(jī)等移動終端可連接WIFI網(wǎng)絡(luò)，也可連接其他移動2G/3G網(wǎng)絡(luò)，由于2G/3G網(wǎng)絡(luò)等收費(fèi)較高，可在WIFI網(wǎng)絡(luò)環(huán)境下下載所有待顯示資源，若在2G/3G網(wǎng)絡(luò)等其他網(wǎng)絡(luò)連接下時，可根據(jù)待顯示資源的類型先下載文字、表格等占用流量較小的待顯示資源，截止下載圖片和視頻等占用流量較大的待顯示資源，將所述圖片和視頻等占用流量較大的待顯示資源的下載地址存儲在待下載隊列中，在圖片和視頻等占用流量較大的待顯示資源進(jìn)入視窗涵蓋的網(wǎng)頁的區(qū)域范圍時，由待下載隊列中下載圖片和視頻等占用流量較大的待顯示資源；或者在2G/3G網(wǎng)絡(luò)等其他網(wǎng)絡(luò)連接下時，截止下載所有的待顯示資源，當(dāng)待顯示資源進(jìn)入視窗涵蓋的網(wǎng)頁的區(qū)域范圍時，則下載該進(jìn)入視窗涵蓋的網(wǎng)頁的區(qū)域范圍的待顯示資源。
[0062]參照圖4，圖4為本發(fā)明瀏覽器資源顯示方法第三實(shí)施例的流程示意圖。
[0063]基于第一實(shí)施例提出本發(fā)明瀏覽器資源顯不方法第三實(shí)施例，在本實(shí)施例中，該方法還包括:
[0064]步驟S60，偵測到所述滾動條的位置信息發(fā)生改變時，獲取瀏覽器視窗中網(wǎng)頁滾動條的當(dāng)前位置信息，根據(jù)獲取的位置信息生成所述視窗涵蓋的所述網(wǎng)頁的區(qū)域范圍；
[0065]步驟S70，判斷是否有正在下載的待顯示資源；
[0066]步驟S80，若有正在下載的待顯示資源，則確定不處于所述視窗涵蓋的區(qū)域范圍內(nèi)的正在下載的待顯示資源；
[0067]步驟S90，停止下載確定的待顯示資源；
[0068]若沒有正在下載的待顯示資源，則執(zhí)行步驟S20，根據(jù)所述網(wǎng)頁中各個待顯示資源在所述網(wǎng)頁中的布局信息，確定位于所述區(qū)域范圍內(nèi)的所述網(wǎng)頁的待顯示資源。
[0069]由于可能用戶會連續(xù)拖動滾動條至某一位置，若檢測到滾動條的位置信息連續(xù)發(fā)生變化時，不下載連續(xù)出現(xiàn)在視窗范圍內(nèi)的待顯示資源，直至接收到滾動條的位置信息停止變化的信息時，獲取當(dāng)前視窗的顯示范圍信息并遍歷圖片及視頻待顯示資源的布局信息，下載視窗區(qū)域范圍內(nèi)的待顯示資源。
[0070]由于用戶拖動滾動條過于頻繁，則會出現(xiàn)滾動條的信息發(fā)生改變時，正在下載的待顯示資源已經(jīng)不處于視窗的區(qū)域范圍內(nèi)，此時可停止下載不處于視窗顯示范圍內(nèi)的待顯示資源，并開始下載其它處于視窗顯示范圍內(nèi)的待顯示資源，以節(jié)省瀏覽器所在終端產(chǎn)生的流量。
[0071]參照圖5，圖5為本發(fā)明瀏覽器資源顯示裝置第一實(shí)施例的結(jié)構(gòu)示意圖。
[0072]本實(shí)施例提出一種瀏覽器資源顯示裝置，包括:
[0073]生成模塊10，用于獲取瀏覽器視窗中網(wǎng)頁滾動條的當(dāng)前位置信息，根據(jù)獲取的位置信息生成所述視窗涵蓋的所述網(wǎng)頁的區(qū)域范圍；
[0074]滾動條當(dāng)前位置信息包括瀏覽器視窗的水平滾動條的坐標(biāo)值XI，以及垂直滾動條的坐標(biāo)值Y1，在本實(shí)施例中坐標(biāo)的基點(diǎn)可為網(wǎng)頁的左上角處，在瀏覽器初始化時滾動條的位置信息為(0，0)，即水平滾動條和垂直滾動條的坐標(biāo)值均為0，而當(dāng)用戶移動滾動條時，滾動條的的位置信息變化為(XI，YDo
[0075]視窗涵蓋的所述網(wǎng)頁的區(qū)域范圍由視窗范圍內(nèi)的水平滾動條的當(dāng)前坐標(biāo)值X1、垂直滾動條的當(dāng)前坐標(biāo)值Y1、視窗的高度值Wl以及視窗的寬度值Hl來確定，該區(qū)域范圍表示為《1，￥1，胃1，!11)，11和Hl的值根據(jù)瀏覽器當(dāng)前的狀態(tài)確定，可先判斷瀏覽器是否處于全屏顯示模式，當(dāng)瀏覽器處于全屏模式時，Wl為終端屏幕的寬度，Hl為終端屏幕的高度；當(dāng)瀏覽器處于正常模式時，若瀏覽器為正常大小顯示，則Wl為終端屏幕的寬度，Hl為終端屏幕的高度與瀏覽器工具條的寬度值的差值，可預(yù)設(shè)全屏模式顯示以及正常模式顯示的Wl和H1，并將該Wl和Hl與瀏覽器的顯示模式關(guān)聯(lián)保存，根據(jù)滾動條當(dāng)前的位置信息以及瀏覽器的顯示模式生成視窗涵蓋的所述網(wǎng)頁的區(qū)域范圍(XI，Yl, Wl, Hl);當(dāng)瀏覽器處于正常模式顯示時，若瀏覽器縮小至一定的比例顯示，則根據(jù)正常顯示模式所對應(yīng)的Wl和H1，以及顯示比例計算出當(dāng)前的Wl和H1，以生成相應(yīng)的視窗涵蓋的所述網(wǎng)頁的區(qū)域范圍(XI, Yl, ffl, HDo
[0076]確定模塊20，用于根據(jù)所述網(wǎng)頁中各個待顯示資源在所述網(wǎng)頁中的布局信息，確定位于所述區(qū)域范圍內(nèi)的所述網(wǎng)頁的待顯示資源；
[0077]在接收到瀏覽器的資源時，可將瀏覽器資源解析為多個待顯示資源的下載地址、待顯示資源的類型以及待顯示資源的層疊樣式表，待顯示資源包括不同的類型資源例如圖片、視頻、文字等，根據(jù)層疊樣式表中網(wǎng)頁的樣式、排版以及待顯示資源的類型、大小生成待顯示資源的在瀏覽器頁面中的布局信息，該布局信息包括待顯示資源的水平坐標(biāo)值X2、垂直坐標(biāo)值Y2、所述待顯示資源的高度值H2以及所述待顯示資源的寬度值W2。該待顯示資源優(yōu)選為圖片以及視頻資源，在網(wǎng)頁的顯示過程中可先下載全部的文字信息，在文字信息下載完畢時僅下載出現(xiàn)在視窗涵蓋網(wǎng)頁的區(qū)域范圍。在解析接收到瀏覽器的資源后，先下載全部的文字信息然后將將待顯示資源的布局信息與其他待顯示資源下載地址關(guān)聯(lián)保存，在獲取到的待顯示資源中待顯示資源的布局信息位于所述區(qū)域范圍內(nèi)，則根據(jù)對應(yīng)的下載地址下載該待顯示資源。
[0078]確定模塊20確定位于所述區(qū)域范圍內(nèi)的所述網(wǎng)頁的待顯示資源的過程具體如下:確定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之和，則確定第二條件成立；在第一條件及第二條件都成立時，確定所述待顯示資源位于所述區(qū)域范圍內(nèi)。
[0079]定位于所述區(qū)域范圍內(nèi)的所述網(wǎng)頁的待顯示資源的條件采用邏輯公式表達(dá)如下:(Xl<X2<Xl+ffl XKX2+W2<Xl+ffl)&&(Yl<Y2<Yl+Hl | Y1〈Y2+H2〈Y1+H1)。
[0080]當(dāng)用戶移動滾動條時滾動條的位置信息改變?yōu)?XI，Yl)時，則相應(yīng)的視窗涵蓋的所述網(wǎng)頁的區(qū)域范圍為(XI，Y1，W1，H1)，相當(dāng)于視窗在網(wǎng)頁上移動，在本實(shí)施例中，待顯示資源的布局信息優(yōu)選為以瀏覽器頁面的左上角為基點(diǎn)，待顯示資源的布局信息(X2, Y2, W2, H2)中待顯示資源的水平坐標(biāo)值X2、垂直坐標(biāo)值Y2在本實(shí)施例中優(yōu)選為待顯示資源的左上角的坐標(biāo)(X2, Y2)。
[0081]在用戶移動滾動條時，可先獲取當(dāng)前視窗涵蓋的所述網(wǎng)頁的區(qū)域范圍(XI，Yl, ffl, Hl),依次獲取待顯示資源的布局信息(X2，Y2, W2, H2)，并將獲取到的布局信息(X2，Y2，W2，H2)與獲取到的區(qū)域范圍《1，￥1，胃1，!11)進(jìn)行比對，若X1〈X2〈X1+W1且Y1〈Y2〈Y1+H1，則說明視頻待顯示資源左上角位置處于當(dāng)前視窗的顯示范圍內(nèi)，例如在向右拖動水平滾動條及/或向下拖動的垂直滾動條時，待顯示資源的左上角位置會出現(xiàn)在視窗內(nèi)，則可下載該待顯示資源；若X1〈X2+W2〈X1+W1且Y1〈Y2+H2〈Y1+H1時，則說明待顯示資源的左上角位置不在當(dāng)前視窗的顯示范圍內(nèi)，但待顯示資源的部分顯示在當(dāng)前視窗涵蓋的網(wǎng)頁的區(qū)域范圍，例如用戶拖動滾動條的幅度較大，或者用戶向左拖動水平滾動條及/或向上拖動的垂直滾動條，都會出現(xiàn)待顯示資源的左上角位置未出現(xiàn)在視窗顯示范圍內(nèi)，但待顯示資源的部分出現(xiàn)在視窗顯示區(qū)域范圍內(nèi)，此時下載該待顯示資源并顯示，以供用戶觀看，以提聞用戶體驗(yàn)度。
[0082]顯示模塊30，用于下載確定的待顯示資源，并在所述區(qū)域范圍內(nèi)對應(yīng)顯示下載的待顯示資源。
[0083]在下載待顯示資源之前，可先判斷是否下載過待顯示資源，由于用戶可能重復(fù)瀏覽網(wǎng)頁的某一部分，則會出現(xiàn)某些待顯示資源已經(jīng)下載過，此時不需要重新下載該待顯示資源，只需要由存儲裝置中調(diào)用下載過的待顯示資源即可，以免重復(fù)下載造成資源的浪費(fèi)。
[0084]在本實(shí)施例中，在接收到瀏覽器資源時將瀏覽器資源解析為多個待顯示資源的下載地址，每個待顯示資源均對應(yīng)一個下載地址，若確定待顯示資源進(jìn)入當(dāng)前視窗涵蓋的網(wǎng)頁的區(qū)域范圍，則根據(jù)解析得到的下載地址下載該待顯示資源，該下載地址優(yōu)先為網(wǎng)頁地址。
[0085]本實(shí)施例提出的瀏覽器資源下載裝置，根據(jù)瀏覽器的滾動條的位置信息獲取瀏覽器當(dāng)前視窗的顯示范圍，當(dāng)待顯示資源處于瀏覽器當(dāng)前視窗的顯示范圍內(nèi)時，下載該待顯示資源，即在拖動滾動條時，待顯示資源進(jìn)入瀏覽器視窗范圍內(nèi)時，下載并顯示待顯示資源，而不用下載其它未進(jìn)入瀏覽器視窗范圍內(nèi)的待顯示資源，以節(jié)省用戶在使用瀏覽器時產(chǎn)生的流量，且不用使用中間服務(wù)器即可實(shí)現(xiàn)。
[0086]參照圖6，圖6為本發(fā)明瀏覽器資源顯示裝置第二實(shí)施例的結(jié)構(gòu)示意圖。
[0087]基于第一實(shí)施例，提出本發(fā)明瀏覽器資源顯示裝置第二實(shí)施例，在本實(shí)施例中，該裝置還包括:
[0088]解析模塊40，用于解析接收到的瀏覽器資源生成所述瀏覽器的待顯示資源的下載地址；
[0089]控制模塊50，用于當(dāng)所述瀏覽器所在的終端是未連接WIFI網(wǎng)絡(luò)時，截止下載待顯示資源，將所述待顯示資源的下載地址存儲在待下載隊列中。
[0090]在用戶啟動瀏覽器時或者用戶打開網(wǎng)頁時，會接收到服務(wù)器發(fā)送的瀏覽器資源，解析該瀏覽器資源獲取每個待顯示資源(如文字、圖片、視頻等)的下載地址。由于手機(jī)等移動終端可連接WIFI網(wǎng)絡(luò)，也可連接其他移動2G/3G網(wǎng)絡(luò)，由于2G/3G網(wǎng)絡(luò)等收費(fèi)較高，可在WIFI網(wǎng)絡(luò)環(huán)境下下載所有待顯示資源，若在2G/3G網(wǎng)絡(luò)等其他網(wǎng)絡(luò)連接下時，可根據(jù)待顯示資源的類型先下載文字、表格等占用流量較小的待顯示資源，截止下載圖片和視頻等占用流量較大的待顯示資源，將所述圖片和視頻等占用流量較大的待顯示資源的下載地址存儲在待下載隊列中，在圖片和視頻等占用流量較大的待顯示資源進(jìn)入視窗涵蓋的網(wǎng)頁的區(qū)域范圍時，由待下載隊列中下載圖片和視頻等占用流量較大的待顯示資源；或者在2G/3G網(wǎng)絡(luò)等其他網(wǎng)絡(luò)連接下時，截止下載所有的待顯示資源，當(dāng)待顯示資源進(jìn)入視窗涵蓋的網(wǎng)頁的區(qū)域范圍時，則下載該進(jìn)入視窗涵蓋的網(wǎng)頁的區(qū)域范圍的待顯示資源。
[0091]參照圖7，圖7為本發(fā)明瀏覽器資源顯示裝置第三實(shí)施例的結(jié)構(gòu)示意圖。
[0092]在本發(fā)明瀏覽器資源下載裝置第一實(shí)施例和第二實(shí)施例中，
[0093]所述生成模塊10還用于偵測到所述滾動條的位置信息發(fā)生改變時，獲取瀏覽器視窗中網(wǎng)頁滾動條的當(dāng)前位置信息，根據(jù)獲取的位置信息生成所述視窗涵蓋的所述網(wǎng)頁的區(qū)域范圍；還包括判斷模塊60還用于判斷是否有正在下載的待顯示資源；所述確定模塊20還用于若有正在下載的待顯示資源，則確定不處于所述視窗涵蓋的區(qū)域范圍內(nèi)的正在下載的待顯示資源；該裝置還包括截止模塊70，用于停止下載確定的待顯示資源；所述確定模塊20還用于若沒有正在下載的待顯示資源，則根據(jù)所述網(wǎng)頁中各個待顯示資源在所述網(wǎng)頁中的布局信息，確定位于所述區(qū)域范圍內(nèi)的所述網(wǎng)頁的待顯示資源。
[0094]由于可能用戶會連續(xù)拖動滾動條至某一位置，若檢測到滾動條的位置信息連續(xù)發(fā)生變化時，不下載連續(xù)出現(xiàn)在視窗范圍內(nèi)的待顯示資源，直至接收到滾動條的位置信息停止變化的信息時，獲取當(dāng)前視窗的顯示范圍信息并遍歷圖片及視頻待顯示資源的布局信息，下載視窗區(qū)域范圍內(nèi)的待顯示資源。
[0095]由于用戶拖動滾動條過于頻繁，則會出現(xiàn)滾動條的信息發(fā)生改變時，正在下載的待顯示資源已經(jīng)不處于視窗的區(qū)域范圍內(nèi)，此時可停止下載不處于視窗顯示范圍內(nèi)的待顯示資源，并開始下載其它處于視窗顯示范圍內(nèi)的待顯示資源，以節(jié)省瀏覽器所在終端產(chǎn)生的流量。
[0096]以上所述僅為本發(fā)明的優(yōu)選實(shí)施例，并非因此限制本發(fā)明的專利范圍，凡是利用本發(fā)明說明書及附圖內(nèi)容所作的等效結(jié)構(gòu)變換，或直接或間接運(yùn)用在其他相關(guān)的【技術(shù)領(lǐng)域】，均同理包括在本發(fā)明的專利保護(hù)范圍內(nèi)。
【權(quán)利要求】
1.一種瀏覽器資源顯示方法，其特征在于，包括: 獲取瀏覽器視窗中網(wǎng)頁滾動條的當(dāng)前位置信息，根據(jù)獲取的位置信息生成所述視窗涵蓋的所述網(wǎng)頁的區(qū)域范圍； 根據(jù)所述網(wǎng)頁中各個待顯示資源在所述網(wǎng)頁中的布局信息，確定位于所述區(qū)域范圍內(nèi)的所述網(wǎng)頁的待顯示資源； 下載確定的待顯示資源，并在所述區(qū)域范圍內(nèi)對應(yīng)顯示下載的待顯示資源。
2.根據(jù)權(quán)利要求1所述的方法，其特征在于，所述區(qū)域范圍由所述網(wǎng)頁的水平滾動條的當(dāng)前坐標(biāo)值X1、垂直滾動條的當(dāng)前坐標(biāo)值Y1、所述視窗的高度值Hl以及所述視窗的寬度值Wl確定，所述布局信息由所述待顯示資源的水平坐標(biāo)值X2、垂直坐標(biāo)值Y2、所述待顯示資源的高度值H2以及所述待顯示資源的寬度值W2確定。
3.根據(jù)權(quán)利要求2所述的方法，其特征在于，所述確定位于所述區(qū)域范圍內(nèi)的所述網(wǎng)頁的待顯示資源的步驟包括: 確定X2或者X2與W2之和，是否大于Xl且小于Xl與Wl之和，若X2或者X2與W2之和，大于Xl且小于Xl與Wl之和,則確定第一條件成立； 確定Y2或者Y2與H2之和，是否大于Yl且小于Yl與Hl之和，若Y2或者Y2與H2之和，大于Yl且小于Yl與Hl之和，則確定第二條件成立； 在第一條件及第二條件都成立時，確定所述待顯示資源位于所述區(qū)域范圍內(nèi)。
4.根據(jù)權(quán)利要求1所述的方法，其特征在于，所述獲取瀏覽器視窗中滾動條的當(dāng)前位置信息的步驟之前，該方法還包括: 解析接收到的瀏覽器資源生成所述瀏覽器的待顯示資源的下載地址； 當(dāng)所述瀏覽器所在的終端是未連接WIFI網(wǎng)絡(luò)時，截止下載待顯示資源，將所述待顯示資源的下載地址存儲在待下載隊列中。
5.根據(jù)權(quán)利要求1所述的方法，其特征在于，該方法還包括: 偵測到所述滾動條的位置信息發(fā)生改變時，獲取瀏覽器視窗中網(wǎng)頁滾動條的當(dāng)前位置信息，根據(jù)獲取的位置信息生成所述視窗涵蓋的所述網(wǎng)頁的區(qū)域范圍； 判斷是否有正在下載的待顯示資源； 若有正在下載的待顯示資源，則確定不處于所述視窗涵蓋的區(qū)域范圍內(nèi)的正在下載的待顯示資源； 停止下載確定的待顯示資源； 若沒有正在下載的待顯示資源，則根據(jù)所述網(wǎng)頁中各個待顯示資源在所述網(wǎng)頁中的布局信息，確定位于所述區(qū)域范圍內(nèi)的所述網(wǎng)頁的待顯示資源。
6.一種瀏覽器資源顯示裝置，其特征在于，包括: 生成模塊，用于獲取瀏覽器視窗中網(wǎng)頁滾動條的當(dāng)前位置信息，根據(jù)獲取的位置信息生成所述視窗涵蓋的所述網(wǎng)頁的區(qū)域范圍； 確定模塊，用于根據(jù)所述網(wǎng)頁中各個待顯示資源在所述網(wǎng)頁中的布局信息，確定位于所述區(qū)域范圍內(nèi)的所述網(wǎng)頁的待顯示資源； 顯示模塊，用于下載確定的待顯示資源，并在所述區(qū)域范圍內(nèi)對應(yīng)顯示下載的待顯示資源。
7.根據(jù)權(quán)利要求6所述的裝置，其特征在于，所述區(qū)域范圍由所述網(wǎng)頁的水平滾動條的當(dāng)前坐標(biāo)值X1、垂直滾動條的當(dāng)前坐標(biāo)值Y1、所述視窗的高度值Hl以及所述視窗的寬度值Wl確定，所述布局信息由所述待顯示資源的水平坐標(biāo)值X2、垂直坐標(biāo)值Y2、所述待顯示資源的高度值H2以及所述待顯示資源的寬度值W2確定。
8.根據(jù)權(quán)利要求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之和，則確定第二條件成立；在第一條件及第二條件都成立時，確定所述待顯示資源位于所述區(qū)域范圍內(nèi)。
9.根據(jù)權(quán)利要求6所述的裝置，其特征在于，該裝置還包括: 解析模塊，用于解析接收到的瀏覽器資源生成所述瀏覽器的待顯示資源的下載地址； 控制模塊，用于當(dāng)所述瀏覽器所在的終端是未連接WIFI網(wǎng)絡(luò)時，截止下載待顯示資源，將所述待顯示資源的下載地址存儲在待下載隊列中。
10.根據(jù)權(quán)利要求6所述的裝置，其特征在于，所述生成模塊還用于偵測到所述滾動條的位置信息發(fā)生改變時，獲取瀏覽器視窗中網(wǎng)頁滾動條的當(dāng)前位置信息，根據(jù)獲取的位置信息生成所述視窗涵蓋的所述網(wǎng)頁的區(qū)域范圍；該裝置還包括判斷模塊，用于判斷是否有正在下載的待顯示資源；所述確定模塊還用于若有正在下載的待顯示資源，則確定不處于所述視窗涵蓋的區(qū)域范圍內(nèi)的正在下載的待顯示資源；該裝置還包括截止模塊，用于停止下載確定的待顯示資源；所述確定模塊還用于若沒有正在下載的待顯示資源，則根據(jù)所述網(wǎng)頁中各個待顯示資源在所述網(wǎng)頁中的布局信息，確定位于所述區(qū)域范圍內(nèi)的所述網(wǎng)頁的待顯示資源。
【文檔編號】G06F3/0485GK104423839SQ201310389461
【公開日】2015年3月18日 申請日期:2013年8月30日 優(yōu)先權(quán)日:2013年8月30日
【發(fā)明者】曹剛 申請人:中興通訊股份有限公司