一種獲取網(wǎng)頁中的圖片信息的方法、裝置和終端的制作方法
【專利摘要】本發(fā)明公開了一種獲取網(wǎng)頁中的圖片信息的方法、裝置和終端。該方法包括：下載網(wǎng)頁的待顯示圖片信息，將所述待顯示圖片信息存儲在瀏覽器的本地存儲區(qū)內(nèi)；在需要顯示網(wǎng)頁中的待顯示圖片時，從所述瀏覽器的本地存儲區(qū)內(nèi)讀取待顯示圖片信息。應用本發(fā)明能夠節(jié)省網(wǎng)絡流量，并加快網(wǎng)頁加載速度。
【專利說明】一種獲取網(wǎng)頁中的圖片信息的方法、裝置和終端
【技術領域】
[0001]本申請涉及通信【技術領域】，尤其涉及一種獲取網(wǎng)頁中的圖片信息的方法、裝置和終端。
【背景技術】
[0002]隨著移動互聯(lián)網(wǎng)技術的發(fā)展，許多移動設備可以通過接入互聯(lián)網(wǎng)瀏覽在線網(wǎng)頁，而且還可以通過網(wǎng)頁顯示在線的圖片。
[0003]目前，移動設備對僅包含文本信息的網(wǎng)頁和既包含文本信息又包含在線圖片信息的網(wǎng)頁的信息獲取方法是相同的，即當網(wǎng)頁中包括在線的圖片時，移動設備獲取網(wǎng)頁信息的方法為:移動設備在從網(wǎng)絡服務器下載網(wǎng)頁的文本信息的同時，還需要下載網(wǎng)頁的圖片信息，并且每次加載相同的網(wǎng)頁，都要重復下載該網(wǎng)頁的文本信息和圖片信息。
[0004]可見，目前移動設備在獲取網(wǎng)頁信息時，對于只包含文本信息的網(wǎng)頁和既包含文本信息又包含在線圖片信息的網(wǎng)頁，采用相同的網(wǎng)頁信息獲取方法，即每次加載網(wǎng)頁時都從網(wǎng)絡服務器下載網(wǎng)頁包含的所有信息，包括文本信息和圖片信息，然而，由于目前移動通信網(wǎng)絡中網(wǎng)絡流量和網(wǎng)絡速度的限制，目前這種獲取網(wǎng)頁信息的方法將導致在加載包含圖片信息的網(wǎng)頁時，移動設備大量的網(wǎng)絡流量被占用，并且網(wǎng)頁加載速度也較慢。

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

[0005]本申請?zhí)峁┝艘环N獲取網(wǎng)頁中的圖片信息的方法、裝置和終端，能夠節(jié)省網(wǎng)絡流量，并加快網(wǎng)頁加載速度。
[0006]一種獲取網(wǎng)頁中的圖片信息的方法，該方法包括:
[0007]下載網(wǎng)頁的待顯示圖片信息，將所述待顯示圖片信息存儲在瀏覽器的本地存儲區(qū)內(nèi)；
[0008]在需要顯示網(wǎng)頁中的待顯示圖片時，從所述瀏覽器的本地存儲區(qū)內(nèi)讀取待顯示圖片信息。
[0009]一種獲取網(wǎng)頁中的圖片信息的裝置，該裝置包括下載模塊、存儲模塊和讀取模塊；
[0010]所述下載模塊，用于下載網(wǎng)頁的待顯示圖片信息；
[0011]所述存儲模塊，用于將所述待顯示圖片信息存儲在瀏覽器的本地存儲區(qū)內(nèi)；
[0012]所述讀取模塊，用于在需要顯示網(wǎng)頁中的待顯示圖片時，從所述瀏覽器的本地存儲區(qū)內(nèi)讀取待顯示圖片信息。
[0013]一種終端，該終端包括本發(fā)明所述的獲取網(wǎng)頁中的圖片信息的裝置。
[0014]由上述技術方案可見，本發(fā)明對于包含在線圖片信息的網(wǎng)頁，采用了與只包含文本信息的網(wǎng)頁的信息獲取方法不同的另一種網(wǎng)頁信息獲取方法，即并非每次加載網(wǎng)頁時都下載網(wǎng)頁中包括文本信息和圖片信息在內(nèi)的所有信息，而是對于網(wǎng)頁中的待顯示圖片信息進行了單獨處理，即，下載網(wǎng)頁的待顯示圖片信息，并將所述待顯示圖片信息存儲在瀏覽器的本地存儲區(qū)內(nèi)，在需要顯示網(wǎng)頁中的待顯示圖片時，從所述瀏覽器的本地存儲區(qū)內(nèi)讀取待顯示圖片信息。
[0015]可見，本發(fā)明通過對網(wǎng)頁中的待顯示圖片信息進行上述單獨處理，使得在加載包含圖片信息的網(wǎng)頁時，不需要每次加載都下載其中的待顯示圖片信息，因而節(jié)省了網(wǎng)絡流量，并且，由于可以從瀏覽器的本地存儲區(qū)內(nèi)讀取待顯示圖片信息，因此也加快了網(wǎng)頁的加載速度。
【專利附圖】

【附圖說明】
[0016]圖1是本發(fā)明提供的獲取網(wǎng)頁中的圖片信息的方法流程圖。
[0017]圖2是本發(fā)明提供的將待顯示圖片信息存儲在瀏覽器的本地存儲區(qū)內(nèi)的流程圖。
[0018]圖3是本發(fā)明提供的在通過網(wǎng)頁播放在線視頻文件的應用場景中獲取待顯示圖片信息的流程圖。
[0019]圖4是本發(fā)明提供的獲取網(wǎng)頁中的圖片信息的裝置結構圖。
【具體實施方式】
[0020]圖1是本發(fā)明提供的獲取網(wǎng)頁中的圖片信息的方法流程圖。
[0021 ] 如圖1所示，該方法包括:
[0022]步驟101，下載網(wǎng)頁的待顯示圖片信息。
[0023]步驟102，將所述待顯示圖片信息存儲在瀏覽器的本地存儲區(qū)內(nèi)。
[0024]步驟103，在需要顯示網(wǎng)頁中的待顯示圖片時，從所述瀏覽器的本地存儲區(qū)內(nèi)讀取待顯示圖片信息。
[0025]由于目前瀏覽器的本地存儲區(qū)內(nèi)只能存儲文本信息，因此，通過對目前的瀏覽器特性和網(wǎng)頁特性的分析，本發(fā)明提出，可以通過圖2方法將下載的待顯示圖片信息存儲在瀏覽器的本地存儲區(qū)內(nèi)。
[0026]圖2是本發(fā)明提供的將待顯示圖片信息存儲在瀏覽器的本地存儲區(qū)內(nèi)的流程圖。
[0027]如圖2所示，該流程包括:
[0028]步驟201，在待顯不圖片彳目息所在的網(wǎng)頁中創(chuàng)建支持網(wǎng)頁動畫的標簽。
[0029]基于目前的網(wǎng)頁特性，所述支持網(wǎng)頁動畫的標簽可以是canvas標簽。
[0030]步驟202，將下載的待顯示圖片信息存儲在所述支持網(wǎng)頁動畫的標簽對應的容器中。
[0031]步驟203，將所述容器中的待顯示圖片信息轉(zhuǎn)換為文本信息。
[0032]本步驟中，可以通過所述容器的標準接口將待顯示圖片信息轉(zhuǎn)換為文本信息。
[0033]另外，由于將來還需要將待顯示圖片信息顯示為圖片，換言之，需要將以文本信息格式存儲的待顯示圖片信息轉(zhuǎn)換為圖片格式，因此所述文本信息的具體格式可以為base64字符串格式。
[0034]步驟204，將所述文本信息通過瀏覽器的本地存儲區(qū)寫入接口存儲在所述瀏覽器的本地存儲區(qū)中。
[0035]其中，所述瀏覽器的本地存儲區(qū)可以包括localStorage存儲區(qū)和/或sessionStorage 存儲區(qū)。[0036]通過圖2所示方法將待顯示圖片信息存儲在瀏覽器的本地存儲區(qū)內(nèi)以后，當需要顯示所述待顯示圖片信息時，從瀏覽器的本地存儲內(nèi)讀取以文本信息格式存在的待顯示圖片信息，并將文本信息格式的待顯示圖片信息轉(zhuǎn)換為圖片格式，從而顯示相應的圖片。
[0037]基于上述獲取網(wǎng)頁中的圖片信息的方法，當需要顯示網(wǎng)頁中的待顯示圖片時，可以首先判斷瀏覽器的本地存儲區(qū)內(nèi)是否存在當前需要顯示的待顯示圖片信息，如果是，則直接從瀏覽器的本地存儲區(qū)內(nèi)讀取待顯示圖片信息，否則，先下載網(wǎng)頁的待顯示圖片信息，將所述待顯示圖片信息存儲在瀏覽器的本地存儲區(qū)內(nèi)，然后從瀏覽器的本地存儲區(qū)內(nèi)讀取待顯示圖片信息。
[0038]特別地，本申請還提供了一種尤其適于采用本申請?zhí)峁┑膱D片信息獲取方法的場景，并且給出在在該場景中應用本申請?zhí)峁┑膱D片信息獲取方法的具體流程。
[0039]目前的移動終端除了可以通過網(wǎng)頁瀏覽在線圖片，還可以通過網(wǎng)頁播放在線視頻文件，并且，通常在播放視頻文件前的緩沖階段、以及在視頻文件播放過程中的緩沖階段，移動設備會根據(jù)預設的圖片信息獲得相應的圖片并進行顯示，具體方法為:移動設備在從網(wǎng)絡服務器下載視頻文件的同時，還從網(wǎng)絡服務器下載待顯示的圖片信息。
[0040]可見，目前由于需要同時下載視頻文件和待顯示圖片信息，因此不僅影響了圖片的加載速度，而且也影響了視頻文件的加載速度。
[0041]針對通過網(wǎng)頁播放在線視頻文件的應用場景，本申請?zhí)峁┝藨帽旧暾埖木W(wǎng)頁中的圖片信息獲取方法的詳細流程，具體請參加圖3。
[0042]圖3是本發(fā)明提供的在通過網(wǎng)頁播放在線視頻文件的應用場景中獲取待顯示圖片信息的流程圖。
[0043]如圖3所示，該流程包括:
[0044]步驟301，接收緩沖網(wǎng)頁中視頻文件的命令。
[0045]步驟302，判斷瀏覽器的本地存儲區(qū)內(nèi)是否存在當前的待顯示圖片信息，如果是，執(zhí)行步驟305，否則，執(zhí)行步驟303。
[0046]步驟303，下載當前的待顯示圖片信息。
[0047]步驟304，將所述待顯示圖片信息存儲在瀏覽器的本地存儲區(qū)內(nèi)。
[0048]步驟305，從瀏覽器的本地存儲區(qū)內(nèi)讀取當前的待顯示圖片信息。
[0049]根據(jù)本申請?zhí)峁┑纳鲜龇椒?，本申請還提供了一種獲取網(wǎng)頁信息的裝置，具體請參加圖4。
[0050]圖4是本發(fā)明提供的獲取網(wǎng)頁中的圖片信息的裝置結構圖。
[0051]如圖4所示，該裝置包括下載模塊401、存儲模塊402和讀取模塊403。
[0052]下載模塊401，用于下載網(wǎng)頁的待顯示圖片信息。
[0053]存儲模塊402，用于將所述待顯示圖片信息存儲在瀏覽器的本地存儲區(qū)內(nèi)。
[0054]讀取模塊403，用于在需要顯示網(wǎng)頁中的待顯示圖片時，從所述瀏覽器的本地存儲區(qū)內(nèi)讀取待顯示圖片信息。
[0055]存儲模塊402，用于在所述網(wǎng)頁中創(chuàng)建支持網(wǎng)頁動畫的標簽，將下載的待顯示圖片信息存儲在所述支持網(wǎng)頁動畫的標簽對應的容器中，將所述容器中的待顯示圖片信息轉(zhuǎn)換為文本信息，將所述文本信息通過瀏覽器的本地存儲區(qū)寫入接口存儲在所述瀏覽器的本地存儲區(qū)內(nèi)。[0056]該裝置還可以包括轉(zhuǎn)換模塊。
[0057]所述轉(zhuǎn)換模塊，用于將所述讀取模塊從所述瀏覽器的本地存儲區(qū)內(nèi)讀取的以文本信息格式存儲的待顯示圖片信息轉(zhuǎn)換為圖片格式。
[0058]其中，所述支持網(wǎng)頁動畫的標簽包括canvas標簽，和/或所述文本信息包括base64字符串格式的文本信息。
[0059]該裝置還可以包括判斷模塊。
[0060]所述判斷模塊，用于在需要顯示網(wǎng)頁中的待顯示圖片時，判斷瀏覽器的本地存儲區(qū)內(nèi)是否存在當前的待顯示圖片信息，如果是，啟動所述讀取模塊403，否則，啟動所述下載模塊401。換言之，在需要顯示網(wǎng)頁中的待顯示圖片時，啟動所述判斷模塊判斷瀏覽器的本地存儲區(qū)內(nèi)是否存在當前的待顯示圖片信息，如果是，啟動讀取模塊403從瀏覽器的本地存儲區(qū)內(nèi)讀取當前的待顯示圖片信息，如果否，則啟動下載模塊401下載當前的待顯示圖片信息，然后由存儲模塊402將下載模塊401下載的待顯示圖片信息存儲在瀏覽器的本地存儲區(qū)內(nèi)，再由讀取模塊403從瀏覽器的本地存儲區(qū)內(nèi)讀取當前的待顯示圖片信息。
[0061]該裝置還可以包括視頻播放模塊。
[0062]所述視頻播放模塊，用于在接收到緩沖網(wǎng)頁中視頻文件的命令之后，啟動所述判斷模塊。
[0063]本發(fā)明還提供了一種終端，該終端包括本發(fā)明所述的獲取網(wǎng)頁中的圖片信息的裝置。所述終端可以是手機、平板電腦、視頻播放設備等移動終端。
[0064]可見，通過本發(fā)明，可以將網(wǎng)頁中的待顯示圖片信息存儲在瀏覽器的本地存儲區(qū)內(nèi)，使得不必每次加載網(wǎng)頁時都下載待顯示圖片信息，節(jié)省了網(wǎng)絡流量，加快了網(wǎng)頁加載速度。特別是當在網(wǎng)絡情況較好時采用本發(fā)明提供的技術方案，可以實現(xiàn)在移動設備的網(wǎng)速較快或者使用WIFI無線網(wǎng)絡的時候，在無需用戶干預的情況下，就可以將圖片存儲在用戶瀏覽器的本地存儲區(qū)，以后需要顯示圖片的時候，可以從本地存儲區(qū)中讀取圖片并顯示，無需再次訪問網(wǎng)絡讀取圖片，既節(jié)省了網(wǎng)絡流量，也大大加快了圖片的顯示速度。
[0065]以上所述僅為本發(fā)明的較佳實施例而已，并不用以限制本發(fā)明，凡在本發(fā)明的精神和原則之內(nèi)，所做的任何修改、等同替換、改進等，均應包含在本發(fā)明保護的范圍之內(nèi)。
【權利要求】
1.一種獲取網(wǎng)頁中的圖片信息的方法，其特征在于，該方法包括: 下載網(wǎng)頁的待顯示圖片信息，將所述待顯示圖片信息存儲在瀏覽器的本地存儲區(qū)內(nèi)； 在需要顯示網(wǎng)頁中的待顯示圖片時，從所述瀏覽器的本地存儲區(qū)內(nèi)讀取待顯示圖片信息。
2.根據(jù)權利要求1所述的方法，其特征在于，所述存儲在瀏覽器的本地存儲區(qū)內(nèi)包括: 在所述網(wǎng)頁中創(chuàng)建支持網(wǎng)頁動畫的標簽，將下載的待顯示圖片信息存儲在所述支持網(wǎng)頁動畫的標簽對應的容器中，將所述容器中的待顯示圖片信息轉(zhuǎn)換為文本信息，將所述文本信息通過瀏覽器的本地存儲區(qū)寫入接口存儲在所述瀏覽器的本地存儲區(qū)內(nèi)。
3.根據(jù)權利要求2所述的方法，其特征在于，從所述瀏覽器的本地存儲區(qū)內(nèi)讀取待顯示圖片信息之后還包括: 將從所述瀏覽器的本地存儲區(qū)內(nèi)讀取的以文本信息格式存儲的待顯示圖片信息轉(zhuǎn)換為圖片格式。
4.根據(jù)權利要求2或3所述的方法，其特征在于，所述支持網(wǎng)頁動畫的標簽包括canvas標簽，和/或所述文本信息包括base64字符串格式的文本信息。
5.根據(jù)權利要求1所述的方法，其特征在于，該方法還包括: 在需要顯示網(wǎng)頁中的待顯示圖片時，判斷瀏覽器的本地存儲區(qū)內(nèi)是否存在當前的待顯示圖片信息，如果是，進入從所述瀏覽器的本地存儲區(qū)內(nèi)讀取待顯示圖片信息的步驟，否貝U，進入下載網(wǎng)頁的待顯示圖片信息的步驟。
6.根據(jù)權利要求5所述的方法，其特征在于，在接收到緩沖網(wǎng)頁中視頻文件的命令之后，執(zhí)行所述判斷瀏覽器的本地存儲區(qū)內(nèi)是否存在當前的待顯示圖片信息的步驟。
7.一種獲取網(wǎng)頁中的圖片信息的裝置，其特征在于，該裝置包括下載模塊、存儲模塊和讀取模塊； 所述下載模塊，用于下載網(wǎng)頁的待顯示圖片信息； 所述存儲模塊，用于將所述待顯示圖片信息存儲在瀏覽器的本地存儲區(qū)內(nèi)； 所述讀取模塊，用于在需要顯示網(wǎng)頁中的待顯示圖片時，從所述瀏覽器的本地存儲區(qū)內(nèi)讀取待顯示圖片信息。
8.根據(jù)權利要求7所述的裝置，其特征在于， 所述存儲模塊，用于在所述網(wǎng)頁中創(chuàng)建支持網(wǎng)頁動畫的標簽，將下載的待顯示圖片信息存儲在所述支持網(wǎng)頁動畫的標簽對應的容器中，將所述容器中的待顯示圖片信息轉(zhuǎn)換為文本信息，將所述文本信息通過瀏覽器的本地存儲區(qū)寫入接口存儲在所述瀏覽器的本地存儲區(qū)內(nèi)。
9.根據(jù)權利要求8所述的裝置，其特征在于，該裝置還包括轉(zhuǎn)換模塊； 所述轉(zhuǎn)換模塊，用于將所述讀取模塊從所述瀏覽器的本地存儲區(qū)內(nèi)讀取的以文本信息格式存儲的待顯示圖片信息轉(zhuǎn)換為圖片格式。
10.根據(jù)權利要求8或9所述的裝置，其特征在于，所述支持網(wǎng)頁動畫的標簽包括canvas標簽，和/或所述文本信息包括base64字符串格式的文本信息。
11.根據(jù)權利要求7所述的裝置，其特征在于，該裝置還包括判斷模塊； 所述判斷模塊，用于在需要顯示網(wǎng)頁中的待顯示圖片時，判斷瀏覽器的本地存儲區(qū)內(nèi)是否存在當前的待顯示圖片信息，如果是，啟動所述讀取模塊，否則，啟動所述下載模塊。
12.根據(jù)權利要求11所述的裝置，其特征在于，該裝置還包括視頻播放模塊； 所述視頻播放模塊，用于在接收到緩沖網(wǎng)頁中視頻文件的命令之后，啟動所述判斷模塊。
13.—種終端，其特 征在于，該終端包括如權利要求7至12任一項所述的裝置。
【文檔編號】G06F17/30GK103942199SQ201310018628
【公開日】2014年7月23日 申請日期:2013年1月18日 優(yōu)先權日:2013年1月18日
【發(fā)明者】唐爽 申請人:騰訊科技（北京）有限公司