圖片信息處理方法、操作處理方法及電子設(shè)備的制作方法
【專利摘要】本發(fā)明公開了一種圖片信息處理方法，用于提高網(wǎng)絡(luò)請(qǐng)求完成效率。所述方法包括：獲取與一網(wǎng)絡(luò)來源信息對(duì)應(yīng)的第一網(wǎng)頁相關(guān)的至少兩張圖片信息；對(duì)獲取的至少兩張圖片信息進(jìn)行處理，將其合并為一張第一圖片信息；將所述第一圖片信息存儲(chǔ)在本地，以供打開所述第一網(wǎng)頁時(shí)顯示所述第一圖片信息。本發(fā)明還公開了與上述圖片信息處理方法對(duì)應(yīng)的操作處理方法及電子設(shè)備。
【專利說明】圖片信息處理方法、操作處理方法及電子設(shè)備
【技術(shù)領(lǐng)域】
[0001]本發(fā)明涉及圖像處理及嵌入式領(lǐng)域，特別涉及圖片信息處理方法、操作處理方法及電子設(shè)備。
【背景技術(shù)】
[0002]一個(gè)網(wǎng)頁中為了顯示效果更好，通常需要使用大量的圖片，這些圖片一直是網(wǎng)頁加載過程中占用空間最大的文件。
[0003]現(xiàn)有技術(shù)中，大型網(wǎng)站采用的解決辦法是通過css sprite (—種網(wǎng)頁圖片應(yīng)用處理方式)的方式，它允許你將一個(gè)頁面涉及到的所有零星圖片都包含到一張大圖中去，這樣一來，當(dāng)訪問該頁面時(shí)，載入的圖片就不會(huì)像以前那樣一幅一幅地慢慢顯示出來了。
[0004]本申請(qǐng)發(fā)明人在實(shí)現(xiàn)本申請(qǐng)實(shí)施例技術(shù)方案的過程中，至少發(fā)現(xiàn)現(xiàn)有技術(shù)中存在如下技術(shù)問題:
[0005]合圖常常是一個(gè)非常繁重的工作，現(xiàn)有技術(shù)中圖片合并后是存儲(chǔ)在網(wǎng)絡(luò)側(cè)，如果用戶下次還需使用，則還需重新向網(wǎng)絡(luò)側(cè)請(qǐng)求，會(huì)增加網(wǎng)絡(luò)側(cè)的負(fù)擔(dān)，而且這樣的網(wǎng)絡(luò)請(qǐng)求完成效率較低，會(huì)使用戶的等待時(shí)間較長(zhǎng)。

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

[0006]本發(fā)明實(shí)施例提供圖片信息處理方法、操作處理方法及電子設(shè)備，用于解決現(xiàn)有技術(shù)中網(wǎng)絡(luò)請(qǐng)求完成效率較低的技術(shù)問題，實(shí)現(xiàn)了提高網(wǎng)絡(luò)請(qǐng)求完成效率的技術(shù)效果。
[0007]—種圖片信息處理方法，應(yīng)用于客戶端電子設(shè)備，所述方法應(yīng)用于包含圖片的網(wǎng)頁的加載過程中，包括以下步驟:
[0008]獲取與一網(wǎng)絡(luò)來源信息對(duì)應(yīng)的第一網(wǎng)頁相關(guān)的至少兩張圖片信息；
[0009]對(duì)獲取的至少兩張圖片信息進(jìn)行處理，將其合并為一張第一圖片信息；
[0010]將所述第一圖片信息存儲(chǔ)在本地，以供打開所述第一網(wǎng)頁時(shí)顯示所述第一圖片信
肩、O
[0011]較佳的，獲取與一網(wǎng)絡(luò)來源信息對(duì)應(yīng)的第一網(wǎng)頁相關(guān)的至少兩張圖片信息的步驟包括:向網(wǎng)絡(luò)側(cè)分別發(fā)送與所述至少兩張圖片信息對(duì)應(yīng)的至少兩個(gè)圖片請(qǐng)求消息；獲得所述網(wǎng)絡(luò)側(cè)發(fā)送的所述至少兩張圖片信息。
[0012]較佳的，對(duì)獲取的至少兩張圖片信息進(jìn)行處理，將其合并為一張第一圖片信息的步驟包括:通過一種網(wǎng)頁編程語言JavaScript根據(jù)一種互聯(lián)網(wǎng)繪圖元素canvas對(duì)獲取的至少兩張圖片信息進(jìn)行處理，將其合并為一張第一圖片信息。
[0013]較佳的，還包括步驟:檢測(cè)所述網(wǎng)絡(luò)來源信息對(duì)應(yīng)的第一網(wǎng)頁中是否有圖片信息更新；當(dāng)檢測(cè)到所述網(wǎng)絡(luò)來源信息對(duì)應(yīng)的第一網(wǎng)頁中有圖片信息更新時(shí)，更新本地存儲(chǔ)的所述第一圖片信息。
[0014]較佳的，當(dāng)檢測(cè)到所述網(wǎng)絡(luò)來源信息對(duì)應(yīng)的第一網(wǎng)頁中有圖片信息更新時(shí)，更新本地存儲(chǔ)的所述第一圖片信息的步驟包括:當(dāng)檢測(cè)到所述網(wǎng)絡(luò)來源信息對(duì)應(yīng)的第一網(wǎng)頁中有圖片信息增加時(shí)，檢測(cè)是否有相應(yīng)功能的增加；當(dāng)檢測(cè)到有相應(yīng)功能的增加時(shí)，加載相應(yīng)功能，以自動(dòng)更新本地存儲(chǔ)的所述第一圖片信息。
[0015]較佳的，當(dāng)檢測(cè)到所述網(wǎng)絡(luò)來源信息對(duì)應(yīng)的第一網(wǎng)頁中有圖片信息更新時(shí)，更新本地存儲(chǔ)的所述第一圖片信息的步驟包括:當(dāng)檢測(cè)到所述網(wǎng)絡(luò)來源信息對(duì)應(yīng)的第一網(wǎng)頁中有圖片信息減少時(shí)，檢測(cè)是否有相應(yīng)功能的減少；當(dāng)檢測(cè)到有相應(yīng)功能的減少時(shí)，卸載相應(yīng)功能，以自動(dòng)更新本地存儲(chǔ)的所述第一圖片信息。
[0016]較佳的，當(dāng)檢測(cè)到所述網(wǎng)絡(luò)來源信息對(duì)應(yīng)的第一網(wǎng)頁中有圖片信息更新時(shí)，更新本地存儲(chǔ)的所述第一圖片信息的步驟包括:當(dāng)檢測(cè)到所述網(wǎng)絡(luò)來源信息對(duì)應(yīng)的第一網(wǎng)頁中有圖片信息的內(nèi)容發(fā)生更改時(shí)，根據(jù)更改后的圖片信息對(duì)應(yīng)修改本地存儲(chǔ)的所述第一圖片信息。
[0017]一種操作處理方法，應(yīng)用于客戶端電子設(shè)備，所述方法應(yīng)用于包含圖片的網(wǎng)頁的加載過程中，所述方法包括以下步驟:
[0018]獲得用戶對(duì)所述電子設(shè)備進(jìn)行的第一操作；
[0019]根據(jù)所述第一操作所對(duì)應(yīng)的第一操作信息對(duì)所述第一操作進(jìn)行響應(yīng)，生成第一操作指令；
[0020]執(zhí)行所述第一操作指令，打開與所述第一操作所對(duì)應(yīng)的第一網(wǎng)頁，其中在打開與所述第一操作所對(duì)應(yīng)的第一網(wǎng)頁的過程中，從本地加載與所述第一網(wǎng)頁相關(guān)的第一圖片信息；所述第一圖片信息為根據(jù)與所述第一網(wǎng)頁相關(guān)的至少兩張圖片信息合并而成的圖片信
肩、O
[0021]較佳的，根據(jù)與所述第一網(wǎng)頁相關(guān)的至少兩張圖片信息合并所述第一圖片信息的步驟包括:通過JavaScript根據(jù)canvas對(duì)所述至少兩張圖片信息進(jìn)行處理，將其合并為一張第一圖片信息。
[0022]較佳的，在合成所述第一圖片信息之后還包括步驟:將所述第一圖片信息存儲(chǔ)在本地。
[0023]—種電子設(shè)備,所述電子設(shè)備包括:
[0024]第一獲取模塊，用于獲取與一網(wǎng)絡(luò)來源信息對(duì)應(yīng)的第一網(wǎng)頁相關(guān)的至少兩張圖片信息；
[0025]處理模塊，用于對(duì)獲取的至少兩張圖片信息進(jìn)行處理，將其合并為一張第一圖片信息；
[0026]存儲(chǔ)模塊，用于將所述第一圖片信息存儲(chǔ)在本地，以供打開所述第一網(wǎng)頁時(shí)顯示所述第一圖片信息。
[0027]較佳的，所述第一獲取模塊具體包括圖片請(qǐng)求子模塊和圖片獲得子模塊:
[0028]所述圖片請(qǐng)求子模塊用于向網(wǎng)絡(luò)側(cè)分別發(fā)送與所述至少兩張圖片信息對(duì)應(yīng)的至少兩個(gè)圖片請(qǐng)求消息；
[0029]所述圖片獲得子模塊用于獲得所述網(wǎng)絡(luò)側(cè)發(fā)送的所述至少兩張圖片信息。
[0030]較佳的,所述處理模塊具體用于:通過JavaScript根據(jù)canvas對(duì)獲取的至少兩張圖片信息進(jìn)行處理，將其合并為一張第一圖片信息。
[0031]較佳的，所述電子設(shè)備還包括檢測(cè)模塊及更新模塊；
[0032]所述檢測(cè)模塊用于檢測(cè)所述網(wǎng)絡(luò)來源信息對(duì)應(yīng)的第一網(wǎng)頁中是否有圖片信息更新；
[0033]所述更新模塊用于當(dāng)檢測(cè)到所述網(wǎng)絡(luò)來源信息對(duì)應(yīng)的第一網(wǎng)頁中有圖片信息更新時(shí)，更新本地存儲(chǔ)的所述第一圖片信息。
[0034]較佳的，所述檢測(cè)模塊還包括第一檢測(cè)子模塊，用于當(dāng)檢測(cè)到所述網(wǎng)絡(luò)來源信息對(duì)應(yīng)的第一網(wǎng)頁中有圖片信息增加時(shí)，檢測(cè)是否有相應(yīng)功能的增加；
[0035]所述更新模塊還包括第一更新子模塊，用于當(dāng)檢測(cè)到有相應(yīng)功能的增加時(shí)，加載相應(yīng)功能，以自動(dòng)更新本地存儲(chǔ)的所述第一圖片信息。
[0036]較佳的，所述檢測(cè)模塊還包括第一檢測(cè)子模塊，用于當(dāng)檢測(cè)到所述網(wǎng)絡(luò)來源信息對(duì)應(yīng)的第一網(wǎng)頁中有圖片信息減少時(shí)，檢測(cè)是否有相應(yīng)功能的減少；
[0037]所述更新模塊還包括第一更新子模塊，用于當(dāng)檢測(cè)到有相應(yīng)功能的減少時(shí)，卸載相應(yīng)功能，以自動(dòng)更新本地存儲(chǔ)的所述第一圖片信息。
[0038]較佳的，所述更新模塊還包括第三更新子模塊，用于當(dāng)檢測(cè)到所述網(wǎng)絡(luò)來源信息對(duì)應(yīng)的第一網(wǎng)頁中有圖片信息的內(nèi)容發(fā)生更改時(shí)，根據(jù)更改后的圖片信息對(duì)應(yīng)修改本地存儲(chǔ)的所述第一圖片信息。
[0039]—種電子設(shè)備,所述電子設(shè)備包括:
[0040]第二獲取模塊，用于獲得用戶對(duì)所述電子設(shè)備進(jìn)行的第一操作；
[0041]指令生成模塊，用于根據(jù)所述第一操作所對(duì)應(yīng)的第一操作信息對(duì)所述第一操作進(jìn)行響應(yīng)，生成第一操作指令；
[0042]指令執(zhí)行模塊，用于執(zhí)行所述第一操作指令，打開與所述第一操作所對(duì)應(yīng)的第一網(wǎng)頁，其中在打開與所述第一操作所對(duì)應(yīng)的第一網(wǎng)頁的過程中，從本地加載與所述第一網(wǎng)頁相關(guān)的第一圖片信息；所述第一圖片信息為根據(jù)與所述第一網(wǎng)頁相關(guān)的至少兩張圖片信息合并而成的圖片信息。
[0043]較佳的,所述電子設(shè)備還包括處理模塊,用于通過JavaScript根據(jù)canvas對(duì)所述至少兩張圖片信息進(jìn)行處理，將其合并為一張第一圖片信息。
[0044]較佳的，所述電子設(shè)備還包括存儲(chǔ)模塊，用于將所述第一圖片信息存儲(chǔ)在本地。
[0045]本發(fā)明實(shí)施例中的圖片信息處理方法包括:獲取與一網(wǎng)絡(luò)來源信息對(duì)應(yīng)的第一網(wǎng)頁相關(guān)的至少兩張圖片信息；對(duì)獲取的至少兩張圖片信息進(jìn)行處理，將其合并為一張第一圖片信息；將所述第一圖片信息存儲(chǔ)在本地，以供打開所述第一網(wǎng)頁時(shí)顯示所述第一圖片信息。本發(fā)明實(shí)施例中，可以由客戶端直接獲取與一網(wǎng)絡(luò)來源信息對(duì)應(yīng)的所述第一網(wǎng)頁相關(guān)的至少兩張圖片信息，例如可以由客戶端獲取與所述第一網(wǎng)頁相關(guān)的所有圖片信息，由客戶端對(duì)獲取的所有圖片信息進(jìn)行處理，將其合并為一張第一圖片信息，無需像現(xiàn)有技術(shù)中一樣由網(wǎng)絡(luò)側(cè)來進(jìn)行圖片合并，減輕了網(wǎng)絡(luò)側(cè)的負(fù)擔(dān)。且本發(fā)明實(shí)施例中將所述第一圖片信息存儲(chǔ)在本地，在需要打開所述第一網(wǎng)頁時(shí)即可從本地加載所述第一圖片信息，無需再從網(wǎng)絡(luò)側(cè)進(jìn)行獲取，明顯提高了網(wǎng)頁加載的速度，也提高了信息獲取的效率，在需要打開所述第一網(wǎng)頁時(shí)可以較快地加載與所述第一網(wǎng)頁相關(guān)的所述第一圖片信息，提高了網(wǎng)絡(luò)請(qǐng)求完成效率。
【專利附圖】

【附圖說明】
[0046]圖1為本發(fā)明實(shí)施例中圖片信息處理方法的主要流程圖；[0047]圖2為本發(fā)明實(shí)施例中操作處理方法的主要流程圖；
[0048]圖3為本發(fā)明實(shí)施例中電子設(shè)備的一種主要結(jié)構(gòu)圖；
[0049]圖4為本發(fā)明實(shí)施例中電子設(shè)備的另一種主要結(jié)構(gòu)圖。
【具體實(shí)施方式】
[0050]本發(fā)明實(shí)施例中的圖片信息處理方法包括:獲取與一網(wǎng)絡(luò)來源信息對(duì)應(yīng)的第一網(wǎng)頁相關(guān)的至少兩張圖片信息；對(duì)獲取的至少兩張圖片信息進(jìn)行處理，將其合并為一張第一圖片信息；將所述第一圖片信息存儲(chǔ)在本地，以供打開所述第一網(wǎng)頁時(shí)顯示所述第一圖片信息。本發(fā)明實(shí)施例中，可以由客戶端直接獲取與一網(wǎng)絡(luò)來源信息對(duì)應(yīng)的所述第一網(wǎng)頁相關(guān)的至少兩張圖片信息，例如可以由客戶端獲取與所述第一網(wǎng)頁相關(guān)的所有圖片信息，由客戶端對(duì)獲取的所有圖片信息進(jìn)行處理，將其合并為一張第一圖片信息，無需像現(xiàn)有技術(shù)中一樣由網(wǎng)絡(luò)側(cè)來進(jìn)行圖片合并，減輕了網(wǎng)絡(luò)側(cè)的負(fù)擔(dān)。且本發(fā)明實(shí)施例中將所述第一圖片信息存儲(chǔ)在本地，在需要打開所述第一網(wǎng)頁時(shí)即可從本地加載所述第一圖片信息，無需再從網(wǎng)絡(luò)側(cè)進(jìn)行獲取，明顯提高了網(wǎng)頁加載的速度，也提高了信息獲取的效率，在需要打開所述第一網(wǎng)頁時(shí)可以較快地加載與所述第一網(wǎng)頁相關(guān)的所述第一圖片信息，提高了網(wǎng)絡(luò)請(qǐng)求完成效率。
[0051]參見圖1，為本發(fā)明實(shí)施例中圖片信息處理方法的主要流程，所述方法可以應(yīng)用于一客戶端電子設(shè)備(以下簡(jiǎn)稱客戶端或電子設(shè)備)，所述方法可以應(yīng)用于包含圖片的網(wǎng)頁的加載過程中。所述方法可以包括以下步驟:
[0052]步驟101:獲取與一網(wǎng)絡(luò)來源信息對(duì)應(yīng)的第一網(wǎng)頁相關(guān)的至少兩張圖片信息。
[0053]在所述客戶端需要第一次打開所述第一網(wǎng)頁時(shí)，需要從網(wǎng)絡(luò)側(cè)獲取與所述第一網(wǎng)頁相關(guān)的至少兩張圖片信息。一般情況下，一個(gè)網(wǎng)頁會(huì)對(duì)應(yīng)多張圖片信息，本發(fā)明實(shí)施例中，所述客戶端在需要第一次打開所述第一網(wǎng)頁時(shí)，可以從網(wǎng)絡(luò)側(cè)獲取與所述第一網(wǎng)頁相關(guān)的所有圖片信息。
[0054]本發(fā)明實(shí)施例中，所述客戶端每請(qǐng)求一張圖片，可能需要向網(wǎng)絡(luò)側(cè)發(fā)送一個(gè)圖片請(qǐng)求消息，因此，所述客戶端請(qǐng)求至少兩張圖片，可能需要向網(wǎng)絡(luò)側(cè)發(fā)送至少兩個(gè)圖片請(qǐng)求消息。所述客戶端可以獲得網(wǎng)絡(luò)側(cè)發(fā)送的至少兩張圖片信息。
[0055]具體可以是，用戶對(duì)所述客戶端進(jìn)行操作，例如用戶在所述客戶端中安裝的瀏覽器頁面中第一次點(diǎn)擊了所述第一網(wǎng)頁，在用戶第一次點(diǎn)擊所述第一網(wǎng)頁時(shí)，所述客戶端可以向網(wǎng)絡(luò)側(cè)請(qǐng)求獲取與所述第一網(wǎng)頁相關(guān)的至少兩張圖片信息，較佳的，所述客戶端可以向網(wǎng)絡(luò)側(cè)請(qǐng)求獲取與所述第一網(wǎng)頁相關(guān)的所有圖片信息。
[0056]從第二次請(qǐng)求開始，因現(xiàn)有技術(shù)中合并后的圖片是存儲(chǔ)在網(wǎng)絡(luò)側(cè)，當(dāng)客戶端再次打開該第一網(wǎng)頁時(shí)，需要再次向網(wǎng)絡(luò)側(cè)請(qǐng)求與該第一網(wǎng)頁相關(guān)的圖片信息，而本發(fā)明是將合并后的圖片信息存儲(chǔ)在了本地，當(dāng)客戶端再次打開該第一網(wǎng)頁時(shí)，可以直接從本地獲取合并后的圖片信息，無需再請(qǐng)求網(wǎng)絡(luò)側(cè)，顯然縮短了網(wǎng)絡(luò)請(qǐng)求的時(shí)間，提高了網(wǎng)絡(luò)請(qǐng)求的效率。圖1所示的實(shí)施例為客戶端向網(wǎng)絡(luò)側(cè)進(jìn)行初次請(qǐng)求時(shí)的步驟。
[0057]步驟102:對(duì)獲取的至少兩張圖片信息進(jìn)行處理，將其合并為一張第一圖片信息。
[0058]所述客戶端在獲得與所述第一網(wǎng)頁相關(guān)的至少兩張圖片信息后，可以對(duì)獲取的至少兩張圖片信息進(jìn)行處理，例如一種處理方式可以是合并，可以將獲取的至少兩張圖片信息合并為一張圖片信息，合并后得到的一張圖片信息可以稱為所述第一圖片信息。
[0059]本發(fā)明實(shí)施例中，可以通過JavaScript (—種網(wǎng)頁編程語言)根據(jù)canvas (—種WEB(互聯(lián)網(wǎng))繪圖元素)對(duì)獲取的至少兩張圖片信息進(jìn)行處理，將其合并為一張第一圖片信息。
[0060]可以通過JavaScript根據(jù)canvas對(duì)獲取的至少兩張圖片信息進(jìn)行拼接，將其拼接為所述第一圖片信息，所述第一圖片信息中包含的每張圖片信息都可以唯一對(duì)應(yīng)于所述第一網(wǎng)頁中的第一位置，以便在加載所述第一圖片信息時(shí)能夠使每張圖片信息都顯示在所述第一網(wǎng)頁中的正確位置。
[0061]現(xiàn)有技術(shù)中在網(wǎng)絡(luò)側(cè)是采用CSS Sprite(—種網(wǎng)頁圖片應(yīng)用處理方式)進(jìn)行圖片合并，用該方式進(jìn)行合并，更多地需要人工手動(dòng)進(jìn)行操作，需要網(wǎng)頁開發(fā)者付出較多的勞動(dòng)。而如果采用本發(fā)明實(shí)施例中的方法，通過JavaScript根據(jù)canvas對(duì)獲取的至少兩張圖片信息進(jìn)行合并，在程序編寫完成之后系統(tǒng)可以自動(dòng)執(zhí)行，可以自動(dòng)對(duì)圖片進(jìn)行合并，使整個(gè)系統(tǒng)更加智能化，減少了人工操作，也顯然提高了操作效率。
[0062]canvas是一個(gè)HTML元素,這個(gè)元素可以被JavaScript用來繪制圖形。例如可以用它來畫圖、合成圖像、或制作動(dòng)畫等。
[0063]步驟103:將所述第一圖片信息存儲(chǔ)在本地，以供打開所述第一網(wǎng)頁時(shí)顯示所述
第一圖片信息。
[0064]在通過JavaScript根據(jù)canvas合成所述第一圖片信息后,可以將所述第一圖片信息存儲(chǔ)在所述客戶端本地，以供以后凡需要打開所述第一網(wǎng)頁時(shí)即可從本地進(jìn)行加載，從而可以較快地在所述第一網(wǎng)頁中顯示所述第一圖片信息。
[0065]同時(shí)，因本次是所述客戶端需要打開所述第一網(wǎng)頁，因在通過JavaScript根據(jù)canvas合成所述第一圖片信息后，可以將所述第一圖片信息顯示在所述第一網(wǎng)頁中。
[0066]其中，可以先將所述第一圖片信息顯示在所述第一網(wǎng)頁中，之后再將所述第一圖片信息存儲(chǔ)在本地，或者可以先將所述第一圖片信息存儲(chǔ)在本地，之后再將所述第一圖片信息顯示在所述第一網(wǎng)頁中，或者可以同時(shí)將所述第一圖片信息顯示在所述第一網(wǎng)頁中及將所述第一圖片信息存儲(chǔ)在本地。
[0067]本發(fā)明實(shí)施例中，將所述第一圖片信息存儲(chǔ)在本地，當(dāng)所述客戶端第N次打開所述第一網(wǎng)頁時(shí)可以直接從本地加載與所述第一網(wǎng)頁相關(guān)的所述第一圖片信息，所述第一網(wǎng)頁的顯示速度顯然比現(xiàn)有技術(shù)中更快，網(wǎng)絡(luò)請(qǐng)求的執(zhí)行率也顯然高于現(xiàn)有技術(shù)。
[0068]本發(fā)明實(shí)施例中，在步驟103之后還可以包括步驟:
[0069]檢測(cè)所述網(wǎng)絡(luò)來源信息對(duì)應(yīng)的第一網(wǎng)頁中是否有圖片信息更新；
[0070]當(dāng)檢測(cè)到所述網(wǎng)絡(luò)來源信息對(duì)應(yīng)的第一網(wǎng)頁中有圖片信息更新時(shí)，更新本地存儲(chǔ)的所述第一圖片信息。
[0071]在用戶沒有關(guān)閉所述第一網(wǎng)頁，即在所述第一網(wǎng)頁處于打開的情況下，所述客戶端可以隨時(shí)檢測(cè)所述網(wǎng)絡(luò)來源信息對(duì)應(yīng)的所述第一網(wǎng)頁中是否有圖片信息更新，因網(wǎng)絡(luò)側(cè)可能隨時(shí)會(huì)更新與所述第一網(wǎng)頁相關(guān)的一張或多張圖片信息，例如可能增加與所述第一網(wǎng)頁相關(guān)的圖片信息，或者可能減少與所述第一網(wǎng)頁相關(guān)的一張或多張圖片信息，或者可能更改與所述第一網(wǎng)頁相關(guān)的一張或多張圖片信息。
[0072]其中，所述客戶端可以定時(shí)檢測(cè)、實(shí)時(shí)檢測(cè)、或者可以在受觸發(fā)時(shí)檢測(cè)。[0073]當(dāng)所述客戶端檢測(cè)到所述網(wǎng)絡(luò)來源信息對(duì)應(yīng)的第一網(wǎng)頁中有圖片信息更新時(shí)，此處的更新指的可以是有圖片增加、有圖片減少或有圖片內(nèi)容發(fā)生了更改，所述客戶端可以根據(jù)網(wǎng)絡(luò)側(cè)的更新情況更新本地存儲(chǔ)的所述第一圖片信息。
[0074]具體的，如果是檢測(cè)到所述第一網(wǎng)頁中有圖片信息增加，則所述客戶端可以繼續(xù)檢測(cè)是否有相應(yīng)功能模塊的增加，因通常網(wǎng)頁中增加了圖片是因?yàn)樵黾恿祟~外的功能模塊。如果所述客戶端檢測(cè)到有相應(yīng)功能模塊的增加時(shí)，可以加載增加的功能模塊，具體可以是向網(wǎng)絡(luò)側(cè)請(qǐng)求并加載相應(yīng)功能模塊，在加載增加的功能模塊后，本地存儲(chǔ)的所述第一圖片信息能夠得到自動(dòng)更新；如果所述客戶端檢測(cè)到?jīng)]有相應(yīng)功能模塊的增加，則可以無需更新所述第一圖片信息。
[0075]具體的，如果是檢測(cè)到所述第一網(wǎng)頁中有圖片信息減少時(shí)，則所述客戶端可以繼續(xù)檢測(cè)是否有相應(yīng)功能模塊的減少，因通常網(wǎng)頁中減少了圖片是因?yàn)闇p少了相應(yīng)的功能模塊。如果所述客戶端檢測(cè)到有相應(yīng)功能模塊的減少時(shí)，可以卸載減少的功能模塊，在卸載相應(yīng)的功能模塊后，本地存儲(chǔ)的所述第一圖片信息能夠得到自動(dòng)更新；如果所述客戶端檢測(cè)到?jīng)]有相應(yīng)功能模塊的減少，則可以無需更新所述第一圖片信息。
[0076]無論是圖片信息增加或減少，都可以通過加載或卸載相應(yīng)功能模塊來實(shí)現(xiàn)所述第一圖片信息的自動(dòng)更新，可以一并更新功能模塊及圖片信息，操作效率較高。
[0077]具體的，如果是檢測(cè)到所述第一網(wǎng)頁中有圖片信息的內(nèi)容發(fā)生更改時(shí)，可以根據(jù)網(wǎng)絡(luò)側(cè)更新后的圖片信息對(duì)應(yīng)更新所述第一圖片信息中的相應(yīng)圖片信息，無需再重新進(jìn)行圖片合并，只需修改所述第一圖片信息中的相應(yīng)部位即可，十分便捷，工作量較小。
[0078]本發(fā)明實(shí)施例中，只要所述第一網(wǎng)頁沒有關(guān)閉，所述客戶端就可以檢測(cè)網(wǎng)絡(luò)側(cè)是否有關(guān)于所述第一網(wǎng)頁的圖片信息的更新，如果有，可以根據(jù)網(wǎng)絡(luò)側(cè)的更新內(nèi)容自動(dòng)更新本地存儲(chǔ)的所述第一圖片信息，從而可以使所述客戶端存儲(chǔ)的所述第一圖片信息與網(wǎng)絡(luò)側(cè)同步更新，以滿足用戶需求，且實(shí)現(xiàn)信息的實(shí)時(shí)更新。
[0079]以下通過幾個(gè)具體的實(shí)施例介紹本發(fā)明中的圖片信息處理方法，以下的實(shí)施例主要介紹了本發(fā)明中圖片信息處理方法的幾種可能的應(yīng)用場(chǎng)景。需要說明的是，本發(fā)明中的實(shí)施例只用于解釋本發(fā)明，而不能用于限制本發(fā)明，一切符合本發(fā)明思想的實(shí)施例均在本發(fā)明的保護(hù)范圍之內(nèi)，本領(lǐng)域技術(shù)人員自然知道應(yīng)如何根據(jù)本發(fā)明的思想進(jìn)行變形。
[0080]實(shí)施例一:
[0081]所述客戶端為一電腦。一用戶正在使用該電腦。
[0082]用戶在該電腦中安裝的瀏覽器中點(diǎn)擊了第一網(wǎng)頁對(duì)應(yīng)的鏈接，所述客戶端開始向網(wǎng)絡(luò)側(cè)請(qǐng)求與所述第一網(wǎng)頁相關(guān)的信息。
[0083]本實(shí)施例中與所述第一網(wǎng)頁相關(guān)的圖片信息共有10張，則所述客戶端可以向網(wǎng)絡(luò)側(cè)發(fā)送10個(gè)圖片請(qǐng)求消息，該10個(gè)圖片請(qǐng)求消息分別與該10張圖片信息相關(guān)。網(wǎng)絡(luò)側(cè)在接收到圖片請(qǐng)求消息后將與每個(gè)圖片請(qǐng)求消息對(duì)應(yīng)的圖片信息分別發(fā)送給所述客戶端。
[0084]所述客戶端可以通過JavaScript根據(jù)canvas對(duì)獲取的至少兩張圖片信息進(jìn)行拼接，將其拼接為所述第一圖片信息，所述第一圖片信息中包含的每張圖片信息都可以唯一對(duì)應(yīng)于所述第一網(wǎng)頁中的第一位置，以便在加載所述第一圖片信息時(shí)能夠使每張圖片信息都顯示在所述第一網(wǎng)頁中的正確位置。
[0085]所述客戶端將所述第一圖片信息顯示在所述第一網(wǎng)頁中，同時(shí)也將所述第一圖片信息存儲(chǔ)在本地。
[0086]用戶沒有關(guān)閉所述第一網(wǎng)頁，所述客戶端可以定時(shí)檢測(cè)網(wǎng)絡(luò)側(cè)關(guān)于所述第一網(wǎng)頁是否有圖片信息更新。
[0087]例如在第二時(shí)刻，所述客戶端檢測(cè)到網(wǎng)絡(luò)側(cè)關(guān)于所述第一網(wǎng)頁有圖片信息增加。所述客戶端可以繼續(xù)檢測(cè)是否有相應(yīng)功能模塊的增加，因通常網(wǎng)頁中增加了圖片是因?yàn)樵黾恿祟~外的功能模塊。如果所述客戶端檢測(cè)到有相應(yīng)功能模塊的增加時(shí)，可以加載增加的功能模塊，具體可以是向網(wǎng)絡(luò)側(cè)請(qǐng)求并加載相應(yīng)功能模塊，在加載增加的功能模塊后，本地存儲(chǔ)的所述第一圖片信息能夠得到自動(dòng)更新；如果所述客戶端檢測(cè)到?jīng)]有相應(yīng)功能模塊的增加，則可以無需更新所述第一圖片信息。
[0088]本實(shí)施例中所述客戶端檢測(cè)到有相應(yīng)功能模塊的增加,所述客戶端加載增加的功能模塊，具體可以是向網(wǎng)絡(luò)側(cè)請(qǐng)求并加載相應(yīng)功能模塊，在加載增加的功能模塊后，本地存儲(chǔ)的所述第一圖片信息也得到了自動(dòng)更新。
[0089]實(shí)施例二:
[0090]所述客戶端為一電腦。一用戶正在使用該電腦。
[0091]用戶在該電腦中安裝的瀏覽器中點(diǎn)擊了第一網(wǎng)頁對(duì)應(yīng)的鏈接，所述客戶端開始向網(wǎng)絡(luò)側(cè)請(qǐng)求與所述第一網(wǎng)頁相關(guān)的信息。
[0092]本實(shí)施例中與所述第一網(wǎng)頁相關(guān)的圖片信息共有10張，則所述客戶端可以向網(wǎng)絡(luò)側(cè)發(fā)送10個(gè)圖片請(qǐng)求消息，該10個(gè)圖片請(qǐng)求消息分別與該10張圖片信息相關(guān)。網(wǎng)絡(luò)側(cè)在接收到圖片請(qǐng)求消息后將與每個(gè)圖片請(qǐng)求消息對(duì)應(yīng)的圖片信息分別發(fā)送給所述客戶端。
[0093]所述客戶端可以通過JavaScript根據(jù)canvas對(duì)獲取的至少兩張圖片信息進(jìn)行拼接，將其拼接為所述第一圖片信息，所述第一圖片信息中包含的每張圖片信息都可以唯一對(duì)應(yīng)于所述第一網(wǎng)頁中的第一位置，以便在加載所述第一圖片信息時(shí)能夠使每張圖片信息都顯示在所述第一網(wǎng)頁中的正確位置。
[0094]所述客戶端將所述第一圖片信息顯示在所述第一網(wǎng)頁中，之后也將所述第一圖片信息存儲(chǔ)在本地。
[0095]用戶沒有關(guān)閉所述第一網(wǎng)頁，所述客戶端可以實(shí)時(shí)檢測(cè)網(wǎng)絡(luò)側(cè)關(guān)于所述第一網(wǎng)頁是否有圖片信息更新。
[0096]例如在第二時(shí)刻，所述客戶端檢測(cè)到網(wǎng)絡(luò)側(cè)關(guān)于所述第一網(wǎng)頁有圖片信息減少。所述客戶端可以繼續(xù)檢測(cè)是否有相應(yīng)功能模塊的減少，因通常網(wǎng)頁中減少了圖片是因?yàn)闇p少了相應(yīng)的功能模塊。如果所述客戶端檢測(cè)到有相應(yīng)功能模塊的減少時(shí)，可以卸載減少的功能模塊，在卸載減少的功能模塊后，本地存儲(chǔ)的所述第一圖片信息能夠得到自動(dòng)更新；如果所述客戶端檢測(cè)到?jīng)]有相應(yīng)功能模塊的減少，則可以無需更新所述第一圖片信息。
[0097]本實(shí)施例中所述客戶端檢測(cè)到有相應(yīng)功能模塊的減少，所述客戶端卸載減少的功能模塊，在卸載減少的功能模塊后，本地存儲(chǔ)的所述第一圖片信息也得到了自動(dòng)更新。
[0098]實(shí)施例三:
[0099]所述客戶端為一電腦。一用戶正在使用該電腦。
[0100]用戶在該電腦中安裝的瀏覽器中點(diǎn)擊了第一網(wǎng)頁對(duì)應(yīng)的鏈接，所述客戶端開始向網(wǎng)絡(luò)側(cè)請(qǐng)求與所述第一網(wǎng)頁相關(guān)的信息。
[0101]本實(shí)施例中與所述第一網(wǎng)頁相關(guān)的圖片信息共有10張，則所述客戶端可以向網(wǎng)絡(luò)側(cè)發(fā)送10個(gè)圖片請(qǐng)求消息，該10個(gè)圖片請(qǐng)求消息分別與該10張圖片信息相關(guān)。網(wǎng)絡(luò)側(cè)在接收到圖片請(qǐng)求消息后將與每個(gè)圖片請(qǐng)求消息對(duì)應(yīng)的圖片信息分別發(fā)送給所述客戶端。
[0102]所述客戶端可以通過JavaScript根據(jù)canvas對(duì)獲取的至少兩張圖片信息進(jìn)行拼接，將其拼接為所述第一圖片信息，所述第一圖片信息中包含的每張圖片信息都可以唯一對(duì)應(yīng)于所述第一網(wǎng)頁中的第一位置，以便在加載所述第一圖片信息時(shí)能夠使每張圖片信息都顯示在所述第一網(wǎng)頁中的正確位置。
[0103]所述客戶端將所述第一圖片信息存儲(chǔ)在本地，之后也將所述第一圖片信息顯示在所述第一網(wǎng)頁中。
[0104]用戶沒有關(guān)閉所述第一網(wǎng)頁，所述客戶端可以實(shí)時(shí)檢測(cè)網(wǎng)絡(luò)側(cè)關(guān)于所述第一網(wǎng)頁是否有圖片信息更新。
[0105]例如在第二時(shí)刻，所述客戶端檢測(cè)到網(wǎng)絡(luò)側(cè)關(guān)于所述第一網(wǎng)頁有圖片信息的內(nèi)容發(fā)生了改變。所述客戶端可以根據(jù)網(wǎng)絡(luò)側(cè)更新后的圖片信息對(duì)應(yīng)更新所述第一圖片信息中的相應(yīng)圖片信息，無需再重新進(jìn)行圖片合并，只需修改所述第一圖片信息中的相應(yīng)部位即可，十分便捷，工作量較小。
[0106]參見圖2，本發(fā)明還提供一種操作處理方法，所述方法可以應(yīng)用于所述客戶端電子設(shè)備(簡(jiǎn)稱客戶端或電子設(shè)備)所述方法可以應(yīng)用于包含圖片的網(wǎng)頁的加載過程中。所述方法的主要流程如下:
[0107]步驟201:獲得用戶對(duì)所述電子設(shè)備進(jìn)行的第一操作。
[0108]本實(shí)施例的執(zhí)行過程可以是在圖1所示的所述圖片處理方法的執(zhí)行過程之后，即圖2所示的所述操作處理過程是所述客戶端第N次打開所述第一網(wǎng)頁的過程，其中N為大于I的整數(shù)。即所述客戶端已經(jīng)存儲(chǔ)了與所述第一網(wǎng)頁相關(guān)的所述第一圖片信息，所述第一圖片信息是根據(jù)與所述第一網(wǎng)頁相關(guān)的至少兩張圖片合并而得到的。
[0109]用戶對(duì)所述電子設(shè)備進(jìn)行的所述第一操作，指的可以是用戶在所述電子設(shè)備中安裝的瀏覽器中進(jìn)行了點(diǎn)擊與所述第一網(wǎng)頁相關(guān)的鏈接的操作。
[0110]步驟202:根據(jù)所述第一操作所對(duì)應(yīng)的第一操作信息對(duì)所述第一操作進(jìn)行響應(yīng)，生成第一操作指令。
[0111]所述電子設(shè)備在獲得所述第一操作時(shí)，可以根據(jù)所述第一操作所對(duì)應(yīng)的所述第一操作信息對(duì)所述第一操作進(jìn)行響應(yīng)，以生成所述第一操作指令。
[0112]步驟203:執(zhí)行所述第一操作指令，打開與所述第一操作所對(duì)應(yīng)的第一網(wǎng)頁，其中在打開與所述第一操作所對(duì)應(yīng)的第一網(wǎng)頁的過程中，從本地加載與所述第一網(wǎng)頁相關(guān)的第一圖片信息；所述第一圖片信息為根據(jù)與所述第一網(wǎng)頁相關(guān)的至少兩張圖片信息合并而成的圖片信息。
[0113]所述電子設(shè)備在生成所述第一操作指令后，可以執(zhí)行所述第一操作指令，以打開所述第一網(wǎng)頁，且在打開所述第一網(wǎng)頁的過程中，可以從本地加載與所述第一網(wǎng)頁相關(guān)的所述第一圖片信息。
[0114]所述第一圖片信息可以是根據(jù)如圖1所示的方式，根據(jù)至少兩張與所述第一網(wǎng)頁相關(guān)的圖片信息合并得到的。
[0115]參見圖3，本發(fā)明還提供一種電子設(shè)備，所述電子設(shè)備可以用在客戶端。所述電子設(shè)備可以包括第一獲取模塊301、處理模塊302和存儲(chǔ)模塊303。所述電子設(shè)備還可以包括檢測(cè)模塊304及更新模塊305。
[0116]第一獲取模塊301可以用于獲取與一網(wǎng)絡(luò)來源信息對(duì)應(yīng)的第一網(wǎng)頁相關(guān)的至少兩張圖片信息。
[0117]第一獲取模塊301可以包括圖片請(qǐng)求子模塊3011和圖片獲得子模塊3012。
[0118]圖片請(qǐng)求子模塊3011可以用于向網(wǎng)絡(luò)側(cè)分別發(fā)送與所述至少兩張圖片信息對(duì)應(yīng)的至少兩個(gè)圖片請(qǐng)求消息。
[0119]圖片獲得子模塊3012可以用于獲得所述網(wǎng)絡(luò)側(cè)發(fā)送的所述至少兩張圖片信息。
[0120]處理模塊302可以用于對(duì)獲取的至少兩張圖片信息進(jìn)行處理，將其合并為一張第
一圖片信息。
[0121]處理模塊302具體可以用于通過JavaScript根據(jù)canvas對(duì)獲取的至少兩張圖片信息進(jìn)行處理，將其合并為一張第一圖片信息。
[0122]處理模塊302具體可以用于通過JavaScript根據(jù)canvas將獲取的至少兩張圖片信息拼接為所述第一圖片信息，所述第一圖片信息中的每張圖片信息都唯一對(duì)應(yīng)于所述第一網(wǎng)頁中的第一位置。
[0123]存儲(chǔ)模塊303可以用于將所述第一圖片信息存儲(chǔ)在本地，以供打開所述第一網(wǎng)頁時(shí)顯示所述第一圖片信息。
[0124]檢測(cè)模塊304可以用于檢測(cè)所述網(wǎng)絡(luò)來源信息對(duì)應(yīng)的第一網(wǎng)頁中是否有圖片信息更新。
[0125]本發(fā)明實(shí)施例中檢測(cè)模塊304還可以包括第一檢測(cè)子模塊3041和第二檢測(cè)子模塊 3042。
[0126]第一檢測(cè)子模塊3041可以用于當(dāng)檢測(cè)到所述網(wǎng)絡(luò)來源信息對(duì)應(yīng)的第一網(wǎng)頁中有圖片信息增加時(shí)，檢測(cè)是否有相應(yīng)功能的增加。
[0127]第二檢測(cè)子模塊3042可以用于當(dāng)檢測(cè)到所述網(wǎng)絡(luò)來源信息對(duì)應(yīng)的第一網(wǎng)頁中有圖片信息減少時(shí)，檢測(cè)是否有相應(yīng)功能的減少。
[0128]更新模塊305可以用于當(dāng)檢測(cè)到所述網(wǎng)絡(luò)來源信息對(duì)應(yīng)的第一網(wǎng)頁中有圖片信息更新時(shí)，更新本地存儲(chǔ)的所述第一圖片信息。
[0129]本發(fā)明實(shí)施例中更新模塊305還可以包括第一更新子模塊3051、第二更新子模塊3052和第三更新子模塊3053。
[0130]第一更新子模塊3051可以用于當(dāng)檢測(cè)到有相應(yīng)功能的增加時(shí)，加載相應(yīng)功能，以自動(dòng)更新本地存儲(chǔ)的所述第一圖片信息。
[0131]第二更新子模塊3052可以用于當(dāng)檢測(cè)到有相應(yīng)功能的減少時(shí)，卸載相應(yīng)功能，以自動(dòng)更新本地存儲(chǔ)的所述第一圖片信息。
[0132]第三更新子模塊3053可以用于當(dāng)檢測(cè)到所述網(wǎng)絡(luò)來源信息對(duì)應(yīng)的第一網(wǎng)頁中有圖片信息的內(nèi)容發(fā)生更改時(shí)，根據(jù)更改后的圖片信息對(duì)應(yīng)修改本地存儲(chǔ)的所述第一圖片信
肩、O
[0133]參見圖4，本發(fā)明還提供一種電子設(shè)備，所述電子設(shè)備可以應(yīng)用在客戶端。所述電子設(shè)備可以包括第二獲取模塊401、指令生成模塊402和指令執(zhí)行模塊403。本發(fā)明實(shí)施例中，圖4所示的電子設(shè)備與圖3所示的電子設(shè)備可以是同一電子設(shè)備。所述電子設(shè)備還可以包括處理模塊302和存儲(chǔ)模塊303。[0134]第二獲取模塊401可以用于獲得用戶對(duì)所述電子設(shè)備進(jìn)行的第一操作。
[0135]指令生成模塊402可以用于根據(jù)所述第一操作所對(duì)應(yīng)的第一操作信息對(duì)所述第一操作進(jìn)行響應(yīng)，生成第一操作指令。
[0136]指令執(zhí)行模塊403可以用于執(zhí)行所述第一操作指令，打開與所述第一操作所對(duì)應(yīng)的第一網(wǎng)頁，其中在打開與所述第一操作所對(duì)應(yīng)的第一網(wǎng)頁的過程中，從本地加載與所述第一網(wǎng)頁相關(guān)的第一圖片信息；所述第一圖片信息為根據(jù)與所述第一網(wǎng)頁相關(guān)的至少兩張圖片信息合并而成的圖片信息。
[0137]本發(fā)明實(shí)施例中所述第一圖片信息可以是根據(jù)與所述第一網(wǎng)頁相關(guān)的至少兩張圖片信息合并而成的圖片信息。
[0138]處理模塊302可以用于通過JavaScript根據(jù)canvas對(duì)所述至少兩張圖片信息進(jìn)行處理，將其合并為一張第一圖片信息。
[0139]存儲(chǔ)模塊303可以用于將所述第一圖片信息存儲(chǔ)在本地。
[0140]本發(fā)明實(shí)施例中的圖片信息處理方法包括:獲取與一網(wǎng)絡(luò)來源信息對(duì)應(yīng)的第一網(wǎng)頁相關(guān)的至少兩張圖片信息；對(duì)獲取的至少兩張圖片信息進(jìn)行處理，將其合并為一張第一圖片信息；將所述第一圖片信息存儲(chǔ)在本地，以供打開所述第一網(wǎng)頁時(shí)顯示所述第一圖片信息。本發(fā)明實(shí)施例中，可以由客戶端直接獲取與一網(wǎng)絡(luò)來源信息對(duì)應(yīng)的所述第一網(wǎng)頁相關(guān)的至少兩張圖片信息，例如可以由客戶端獲取與所述第一網(wǎng)頁相關(guān)的所有圖片信息，由客戶端對(duì)獲取的所有圖片信息進(jìn)行處理，將其合并為一張第一圖片信息，無需像現(xiàn)有技術(shù)中一樣由網(wǎng)絡(luò)側(cè)來進(jìn)行圖片合并，減輕了網(wǎng)絡(luò)側(cè)的負(fù)擔(dān)。且本發(fā)明實(shí)施例中將所述第一圖片信息存儲(chǔ)在本地，在需要打開所述第一網(wǎng)頁時(shí)即可從本地加載所述第一圖片信息，無需再從網(wǎng)絡(luò)側(cè)進(jìn)行獲取，明顯提高了網(wǎng)頁加載的速度，也提高了信息獲取的效率，在需要打開所述第一網(wǎng)頁時(shí)可以較快地加載與所述第一網(wǎng)頁相關(guān)的所述第一圖片信息，提高了網(wǎng)絡(luò)請(qǐng)求完成效率。
[0141]本領(lǐng)域內(nèi)的技術(shù)人員應(yīng)明白，本發(fā)明的實(shí)施例可提供為方法、系統(tǒng)、或計(jì)算機(jī)程序產(chǎn)品。因此，本發(fā)明可采用完全硬件實(shí)施例、完全軟件實(shí)施例、或結(jié)合軟件和硬件方面的實(shí)施例的形式。而且，本發(fā)明可采用在一個(gè)或多個(gè)其中包含有計(jì)算機(jī)可用程序代碼的計(jì)算機(jī)可用存儲(chǔ)介質(zhì)(包括但不限于磁盤存儲(chǔ)器和光學(xué)存儲(chǔ)器等)上實(shí)施的計(jì)算機(jī)程序產(chǎn)品的形式。
[0142]本發(fā)明是參照根據(jù)本發(fā)明實(shí)施例的方法、設(shè)備(系統(tǒng))、和計(jì)算機(jī)程序產(chǎn)品的流程圖和/或方框圖來描述的。應(yīng)理解可由計(jì)算機(jī)程序指令實(shí)現(xiàn)流程圖和/或方框圖中的每一流程和/或方框、以及流程圖和/或方框圖中的流程和/或方框的結(jié)合?？商峁┻@些計(jì)算機(jī)程序指令到通用計(jì)算機(jī)、專用計(jì)算機(jī)、嵌入式處理機(jī)或其他可編程數(shù)據(jù)處理設(shè)備的處理器以產(chǎn)生一個(gè)機(jī)器，使得通過計(jì)算機(jī)或其他可編程數(shù)據(jù)處理設(shè)備的處理器執(zhí)行的指令產(chǎn)生用于實(shí)現(xiàn)在流程圖一個(gè)流程或多個(gè)流程和/或方框圖一個(gè)方框或多個(gè)方框中指定的功能的裝置。
[0143]這些計(jì)算機(jī)程序指令也可存儲(chǔ)在能引導(dǎo)計(jì)算機(jī)或其他可編程數(shù)據(jù)處理設(shè)備以特定方式工作的計(jì)算機(jī)可讀存儲(chǔ)器中，使得存儲(chǔ)在該計(jì)算機(jī)可讀存儲(chǔ)器中的指令產(chǎn)生包括指令裝置的制造品，該指令裝置實(shí)現(xiàn)在流程圖一個(gè)流程或多個(gè)流程和/或方框圖一個(gè)方框或多個(gè)方框中指定的功能。[0144]這些計(jì)算機(jī)程序指令也可裝載到計(jì)算機(jī)或其他可編程數(shù)據(jù)處理設(shè)備上，使得在計(jì)算機(jī)或其他可編程設(shè)備上執(zhí)行一系列操作步驟以產(chǎn)生計(jì)算機(jī)實(shí)現(xiàn)的處理，從而在計(jì)算機(jī)或其他可編程設(shè)備上執(zhí)行的指令提供用于實(shí)現(xiàn)在流程圖一個(gè)流程或多個(gè)流程和/或方框圖一個(gè)方框或多個(gè)方框中指定的功能的步驟。
[0145]顯然，本領(lǐng)域的技術(shù)人員可以對(duì)本發(fā)明進(jìn)行各種改動(dòng)和變型而不脫離本發(fā)明的精神和范圍。這樣，倘若本發(fā)明的這些修改和變型屬于本發(fā)明權(quán)利要求及其等同技術(shù)的范圍之內(nèi)，則本發(fā)明也意圖包含這些改動(dòng)和變型在內(nèi)。
【權(quán)利要求】
1.一種圖片信息處理方法，其特征在于，應(yīng)用于客戶端電子設(shè)備，所述方法應(yīng)用于包含圖片的網(wǎng)頁的加載過程中，包括以下步驟: 獲取與一網(wǎng)絡(luò)來源信息對(duì)應(yīng)的第一網(wǎng)頁相關(guān)的至少兩張圖片信息； 對(duì)獲取的至少兩張圖片信息進(jìn)行處理，將其合并為一張第一圖片信息； 將所述第一圖片信息存儲(chǔ)在本地，以供打開所述第一網(wǎng)頁時(shí)顯示所述第一圖片信息。
2.如權(quán)利要求1所述的方法，其特征在于，獲取與一網(wǎng)絡(luò)來源信息對(duì)應(yīng)的第一網(wǎng)頁相關(guān)的至少兩張圖片信息的步驟包括:向網(wǎng)絡(luò)側(cè)分別發(fā)送與所述至少兩張圖片信息對(duì)應(yīng)的至少兩個(gè)圖片請(qǐng)求消息；獲得所述網(wǎng)絡(luò)側(cè)發(fā)送的所述至少兩張圖片信息。
3.如權(quán)利要求1所述的方法，其特征在于，對(duì)獲取的至少兩張圖片信息進(jìn)行處理，將其合并為一張第一圖片信息的步驟包括:通過一種網(wǎng)頁編程語言JavaScript根據(jù)一種互聯(lián)網(wǎng)繪圖元素canvas對(duì)獲取的至少兩張圖片信息進(jìn)行處理，將其合并為一張第一圖片信息。
4.如權(quán)利要求1所述的方法，其特征在于，還包括步驟:檢測(cè)所述網(wǎng)絡(luò)來源信息對(duì)應(yīng)的第一網(wǎng)頁中是否有圖片信息更新；當(dāng)檢測(cè)到所述網(wǎng)絡(luò)來源信息對(duì)應(yīng)的第一網(wǎng)頁中有圖片信息更新時(shí)，更新本地存儲(chǔ)的所述第一圖片信息。
5.如權(quán)利要求4所述的方法，其特征在于，當(dāng)檢測(cè)到所述網(wǎng)絡(luò)來源信息對(duì)應(yīng)的第一網(wǎng)頁中有圖片信息更新時(shí)，更新本地存儲(chǔ)的所述第一圖片信息的步驟包括:當(dāng)檢測(cè)到所述網(wǎng)絡(luò)來源信息對(duì)應(yīng)的第一網(wǎng)頁 中有圖片信息增加時(shí)，檢測(cè)是否有相應(yīng)功能的增加；當(dāng)檢測(cè)到有相應(yīng)功能的增加時(shí)，加載相應(yīng)功能，以自動(dòng)更新本地存儲(chǔ)的所述第一圖片信息。
6.如權(quán)利要求5所述的方法，其特征在于，當(dāng)檢測(cè)到所述網(wǎng)絡(luò)來源信息對(duì)應(yīng)的第一網(wǎng)頁中有圖片信息更新時(shí)，更新本地存儲(chǔ)的所述第一圖片信息的步驟包括:當(dāng)檢測(cè)到所述網(wǎng)絡(luò)來源信息對(duì)應(yīng)的第一網(wǎng)頁中有圖片信息減少時(shí)，檢測(cè)是否有相應(yīng)功能的減少；當(dāng)檢測(cè)到有相應(yīng)功能的減少時(shí)，卸載相應(yīng)功能，以自動(dòng)更新本地存儲(chǔ)的所述第一圖片信息。
7.如權(quán)利要求4所述的方法，其特征在于，當(dāng)檢測(cè)到所述網(wǎng)絡(luò)來源信息對(duì)應(yīng)的第一網(wǎng)頁中有圖片信息更新時(shí)，更新本地存儲(chǔ)的所述第一圖片信息的步驟包括:當(dāng)檢測(cè)到所述網(wǎng)絡(luò)來源信息對(duì)應(yīng)的第一網(wǎng)頁中有圖片信息的內(nèi)容發(fā)生更改時(shí)，根據(jù)更改后的圖片信息對(duì)應(yīng)修改本地存儲(chǔ)的所述第一圖片信息。
8.一種操作處理方法，其特征在于，應(yīng)用于客戶端電子設(shè)備，所述方法應(yīng)用于包含圖片的網(wǎng)頁的加載過程中，所述方法包括以下步驟: 獲得用戶對(duì)所述電子設(shè)備進(jìn)行的第一操作； 根據(jù)所述第一操作所對(duì)應(yīng)的第一操作信息對(duì)所述第一操作進(jìn)行響應(yīng)，生成第一操作指令； 執(zhí)行所述第一操作指令，打開與所述第一操作所對(duì)應(yīng)的第一網(wǎng)頁，其中在打開與所述第一操作所對(duì)應(yīng)的第一網(wǎng)頁的過程中，從本地加載與所述第一網(wǎng)頁相關(guān)的第一圖片信息；所述第一圖片信息為根據(jù)與所述第一網(wǎng)頁相關(guān)的至少兩張圖片信息合并而成的圖片信息。
9.如權(quán)利要求8所述的方法，其特征在于，根據(jù)與所述第一網(wǎng)頁相關(guān)的至少兩張圖片信息合并所述第一圖片信息的步驟包括:通過JavaScript根據(jù)canvas對(duì)所述至少兩張圖片信息進(jìn)行處理，將其合并為一張第一圖片信息。
10.如權(quán)利要求8所述的方法，其特征在于，在合成所述第一圖片信息之后還包括步驟:將所述第一圖片信息存儲(chǔ)在本地。
11.一種電子設(shè)備，其特征在于，所述電子設(shè)備包括: 第一獲取模塊，用于獲取與一網(wǎng)絡(luò)來源信息對(duì)應(yīng)的第一網(wǎng)頁相關(guān)的至少兩張圖片信息； 處理模塊，用于對(duì)獲取的至少兩張圖片信息進(jìn)行處理，將其合并為一張第一圖片信息； 存儲(chǔ)模塊，用于將所述第一圖片信息存儲(chǔ)在本地，以供打開所述第一網(wǎng)頁時(shí)顯示所述第一圖片信息。
12.如權(quán)利要求11所述的電子設(shè)備，其特征在于，所述第一獲取模塊具體包括圖片請(qǐng)求子模塊和圖片獲得子模塊: 所述圖片請(qǐng)求子模塊用于向網(wǎng)絡(luò)側(cè)分別發(fā)送與所述至少兩張圖片信息對(duì)應(yīng)的至少兩個(gè)圖片請(qǐng)求消息； 所述圖片獲得子模塊用于獲得所述網(wǎng)絡(luò)側(cè)發(fā)送的所述至少兩張圖片信息。
13.如權(quán)利要求11所述的電子設(shè)備，其特征在于，所述處理模塊具體用于:通過JavaScript根據(jù)canvas對(duì)獲取的至少兩張圖片信息進(jìn)行處理，將其合并為一張第一圖片信息。
14.如權(quán)利要求11所述的電子設(shè)備，其特征在于，所述電子設(shè)備還包括檢測(cè)模塊及更新豐吳塊；` 所述檢測(cè)模塊用于檢測(cè)所述網(wǎng)絡(luò)來源信息對(duì)應(yīng)的第一網(wǎng)頁中是否有圖片信息更新； 所述更新模塊用于當(dāng)檢測(cè)到所述網(wǎng)絡(luò)來源信息對(duì)應(yīng)的第一網(wǎng)頁中有圖片信息更新時(shí)，更新本地存儲(chǔ)的所述第一圖片信息。
15.如權(quán)利要求14所述的電子設(shè)備，其特征在于，所述檢測(cè)模塊還包括第一檢測(cè)子模塊，用于當(dāng)檢測(cè)到所述網(wǎng)絡(luò)來源信息對(duì)應(yīng)的第一網(wǎng)頁中有圖片信息增加時(shí)，檢測(cè)是否有相應(yīng)功能的增加； 所述更新模塊還包括第一更新子模塊，用于當(dāng)檢測(cè)到有相應(yīng)功能的增加時(shí)，加載相應(yīng)功能，以自動(dòng)更新本地存儲(chǔ)的所述第一圖片信息。
16.如權(quán)利要求14所述的電子設(shè)備，其特征在于，所述檢測(cè)模塊還包括第一檢測(cè)子模塊，用于當(dāng)檢測(cè)到所述網(wǎng)絡(luò)來源信息對(duì)應(yīng)的第一網(wǎng)頁中有圖片信息減少時(shí)，檢測(cè)是否有相應(yīng)功能的減少； 所述更新模塊還包括第一更新子模塊，用于當(dāng)檢測(cè)到有相應(yīng)功能的減少時(shí)，卸載相應(yīng)功能，以自動(dòng)更新本地存儲(chǔ)的所述第一圖片信息。
17.如權(quán)利要求14所述的電子設(shè)備，其特征在于，所述更新模塊還包括第三更新子模塊，用于當(dāng)檢測(cè)到所述網(wǎng)絡(luò)來源信息對(duì)應(yīng)的第一網(wǎng)頁中有圖片信息的內(nèi)容發(fā)生更改時(shí)，根據(jù)更改后的圖片信息對(duì)應(yīng)修改本地存儲(chǔ)的所述第一圖片信息。
18.一種電子設(shè)備，其特征在于，所述電子設(shè)備包括: 第二獲取模塊，用于獲得用戶對(duì)所述電子設(shè)備進(jìn)行的第一操作； 指令生成模塊，用于根據(jù)所述第一操作所對(duì)應(yīng)的第一操作信息對(duì)所述第一操作進(jìn)行響應(yīng)，生成第一操作指令； 指令執(zhí)行模塊，用于執(zhí)行所述第一操作指令，打開與所述第一操作所對(duì)應(yīng)的第一網(wǎng)頁，其中在打開與所述第一操作所對(duì)應(yīng)的第一網(wǎng)頁的過程中，從本地加載與所述第一網(wǎng)頁相關(guān)的第一圖片信息；所述第一圖片信息為根據(jù)與所述第一網(wǎng)頁相關(guān)的至少兩張圖片信息合并而成的圖片信息。
19.如權(quán)利要求18所述的電子設(shè)備，其特征在于，所述電子設(shè)備還包括處理模塊，用于通過JavaScript根據(jù)canvas對(duì)所述至少兩張圖片信息進(jìn)行處理，將其合并為一張第一圖片信息。
20.如權(quán)利要求18所述的電子設(shè)備，其特征在于，所述電子設(shè)備還包括存儲(chǔ)模塊，用于將所述第一圖片信息存儲(chǔ)在本地。
【文檔編號(hào)】G06T11/60GK103678411SQ201210359630
【公開日】2014年3月26日 申請(qǐng)日期:2012年9月24日 優(yōu)先權(quán)日:2012年9月24日
【發(fā)明者】袁曉勇 申請(qǐng)人:聯(lián)想(北京)有限公司