圖片加載裝置及方法
【技術(shù)領(lǐng)域】
[0001]本發(fā)明涉及互聯(lián)網(wǎng)技術(shù),尤其涉及圖片加載裝置及方法。
【背景技術(shù)】
[0002]目前,瀏覽器在顯示網(wǎng)頁時,通常會向服務(wù)端請求下載在瀏覽器的當(dāng)前顯示界面中要顯示的圖片,然后在顯示界面中加載顯示。而當(dāng)用戶繼續(xù)向上或向下滾動頁面時,則再繼續(xù)向服務(wù)端請求下載出現(xiàn)在當(dāng)前顯示界面中的要顯示的圖片,而當(dāng)用戶滾動網(wǎng)頁較快、圖片還未從服務(wù)端下載下來時,顯示界面會呈現(xiàn)出圖片未打開的狀態(tài)或者逐漸打開的狀態(tài),用戶會一直等待圖片一點(diǎn)點(diǎn)地打開,用戶體驗不好。
[0003]另外,當(dāng)用戶非??焖俚貪L動頁面,其目的只是快速瀏覽頁面或者想查看頁面中最下面的圖片或者信息時,如果每當(dāng)頁面從當(dāng)前顯示界面經(jīng)過時,就向服務(wù)端請求下載在當(dāng)前顯示界面經(jīng)過的圖片,則會同時向服務(wù)端發(fā)送大量請求,而這些請求實際上并不需要。這一方面會增加服務(wù)端的工作負(fù)荷,另一方面會影響真正要在瀏覽器上顯示的圖片的顯示速度。
【發(fā)明內(nèi)容】
[0004]鑒于上述問題,提出了本發(fā)明以便提供一種克服上述問題或者至少部分地解決上述問題的圖片加載裝置及方法。
[0005]依據(jù)本發(fā)明的一個方面,提供了一種圖片加載裝置,包括:第一判斷模塊,適于判斷是否需要向服務(wù)端請求下載圖片;請求模塊,適于在所述第一判斷模塊確定需要向服務(wù)端請求下載圖片時,向服務(wù)端請求下載圖片;以及加載模塊,適于接收從服務(wù)端下載的圖片并將其加載至瀏覽器。
[0006]可選地,所述第一判斷模塊根據(jù)圖片在當(dāng)前顯示界面的停留時間判斷是否向服務(wù)端請求下載圖片。
[0007]可選地,所述第一判斷模塊在圖片在當(dāng)前顯示界面的停留時間大于預(yù)定閾值時確定向服務(wù)端請求下載圖片;在圖片在顯示界面的停留時間小于等于所述預(yù)定閾值時,確定不向服務(wù)端請求下載圖片。
[0008]可選地,所述請求模塊向服務(wù)端請求下載當(dāng)前顯示界面中顯示的圖片以及即將在當(dāng)前顯示界面中顯示的下一屏的圖片;所述加載模塊加載當(dāng)前顯示界面中顯示的圖片以及即將在當(dāng)前顯示界面中顯示的下一屏的圖片。
[0009]可選地,本發(fā)明的圖片加載裝置還包括:第二判斷模塊,適于判斷當(dāng)前屏的圖片是否滾動離開當(dāng)前顯示界面;以及取消加載模塊,適于在第二判斷模塊判斷當(dāng)前屏的圖片滾動離開當(dāng)前顯示界面時,取消從服務(wù)端對當(dāng)前屏的所述圖片及下一屏圖片的下載以及取消加載模塊向瀏覽器加載當(dāng)前屏的所述圖片及下一屏的圖片。
[0010]依據(jù)本發(fā)明的另一方面,還提供一種圖片加載方法,包括:判斷是否需要向服務(wù)端請求下載圖片;在判斷需要向服務(wù)端請求下載圖片時,向服務(wù)端請求下載圖片;接收從服務(wù)端下載的圖片并將其加載至瀏覽器。
[0011]可選地,所述判斷是否需要向服務(wù)端請求下載圖片的步驟包括:根據(jù)圖片在當(dāng)前顯示界面的停留時間判斷是否向服務(wù)端請求下載圖片。
[0012]可選地,所述根據(jù)圖片在當(dāng)前顯示界面的停留時間判斷是否向服務(wù)端請求下載圖片的步驟包括:在圖片在當(dāng)前顯示界面的停留時間大于預(yù)定閾值時確定向服務(wù)端請求下載圖片;在圖片在當(dāng)前顯示界面的停留時間小于等于所述預(yù)定閾值時,確定不向服務(wù)端請求下載圖片。
[0013]可選地,所述在判斷需要向服務(wù)端請求加載圖片時向服務(wù)端請求下載圖片的步驟包括:向服務(wù)端請求下載當(dāng)前顯示界面中顯示的圖片以及即將在當(dāng)前顯示界面中顯示的下一屏的圖片;以及所述基于向服務(wù)端發(fā)出的請求從服務(wù)端下載圖片并加載的步驟包括:從服務(wù)端下載圖片并加載當(dāng)前顯示界面中顯示的圖片以及即將在當(dāng)前顯示界面中顯示的下一屏的圖片。
[0014]可選地,在所述基于向服務(wù)端發(fā)出的請求從服務(wù)端下載圖片并加載的步驟之后,還包括:判斷當(dāng)前屏的圖片是否滾動離開當(dāng)前顯示界面;判斷當(dāng)前屏的圖片滾動離開當(dāng)前顯示界面時,取消從服務(wù)端對當(dāng)前屏的所述圖片及下一屏圖片的下載以及取消向瀏覽器加載當(dāng)前屏的所述圖片及下一屏的圖片。
[0015]利用本發(fā)明的圖片加載裝置及方法,可以在判斷用戶需要查看圖片時,再請求下載和加載圖片,而且最多請求下載和加載當(dāng)前屏和下一屏或下兩屏的圖片,而不需要將網(wǎng)頁上的所有圖片都下載下來,從而減少與服務(wù)端的交互,減少對CPU資源的占用。另外,當(dāng)正被下載或加載的圖片滾離當(dāng)前顯示界面時,可以取消對該圖片的下載或加載,從而進(jìn)一步減少與服務(wù)端的交互以及對CPU資源的占用。
[0016]上述說明僅是本發(fā)明技術(shù)方案的概述,為了能夠更清楚了解本發(fā)明的技術(shù)手段,而可依照說明書的內(nèi)容予以實施,并且為了讓本發(fā)明的上述和其它目的、特征和優(yōu)點(diǎn)能夠更明顯易懂,以下特舉本發(fā)明的【具體實施方式】。
【附圖說明】
[0017]通過閱讀下文優(yōu)選實施方式的詳細(xì)描述,各種其他的優(yōu)點(diǎn)和益處對于本領(lǐng)域普通技術(shù)人員將變得清楚明了。附圖僅用于示出優(yōu)選實施方式的目的,而并不認(rèn)為是對本發(fā)明的限制。而且在整個附圖中,用相同的參考符號表示相同的部件。在附圖中:
[0018]圖1示出了根據(jù)本發(fā)明的一種實施方式的圖片加載裝置的方框圖;
[0019]圖2示出了根據(jù)本發(fā)明的另一種實施方式的圖片加載方法的流程圖;
[0020]圖3示出了根據(jù)本發(fā)明的實施方式的圖片加載方法的一個例子的流程圖。
【具體實施方式】
[0021]下面將參照附圖更詳細(xì)地描述本公開的示例性實施例。雖然附圖中顯示了本公開的示例性實施例,然而應(yīng)當(dāng)理解,可以以各種形式實現(xiàn)本公開而不應(yīng)被這里闡述的實施例所限制。相反,提供這些實施例是為了能夠更透徹地理解本公開,并且能夠?qū)⒈竟_的范圍完整的傳達(dá)給本領(lǐng)域的技術(shù)人員。
[0022]當(dāng)某一網(wǎng)頁在客戶端的瀏覽器上顯示時,瀏覽器會從服務(wù)端下載網(wǎng)頁上的內(nèi)容,例如網(wǎng)頁上的文字和/或圖片,然后加載到瀏覽器上進(jìn)行顯示。本發(fā)明主要涉及網(wǎng)頁中的圖片在瀏覽器上的加載。
[0023]圖1示出了根據(jù)本發(fā)明的一種實施方式的圖片加載裝置的方框圖。如圖1所示,本發(fā)明的圖片加載裝置100包括第一判斷模塊110、請求模塊120、以及加載模塊130。
[0024]其中,第一判斷模塊110適于判斷是否需要向服務(wù)端請求下載圖片。具體地,第一判斷模塊110可以根據(jù)網(wǎng)頁中的圖片在瀏覽器的當(dāng)前顯示界面上的停留時間判斷是否向服務(wù)端請求下載圖片。通常,當(dāng)用戶在瀏覽器上瀏覽某一網(wǎng)頁時,其會因為對該網(wǎng)頁的瀏覽需求的不同,對該網(wǎng)頁的滾動操作的速度也不同。例如,當(dāng)用戶只是想知道該網(wǎng)頁大致涉及什么內(nèi)容時,他會主要瀏覽該網(wǎng)頁的首頁的內(nèi)容,然后可能會非??焖俚貪L動網(wǎng)頁,至網(wǎng)頁的中間的某一部分或者網(wǎng)頁的最下面,這時,只需從服務(wù)端下載該網(wǎng)頁的首頁的圖片即可。當(dāng)網(wǎng)頁快速滾動時,雖然在瀏覽器的當(dāng)前顯示界面中顯示的圖片從當(dāng)前顯示界面經(jīng)過,但是用戶并沒有想要仔細(xì)地查看這些圖片,所以,無需從服務(wù)端請求下載這些圖片。然而,當(dāng)用戶對該網(wǎng)頁的首頁之外的內(nèi)容也感興趣時,他會慢速地滾動該網(wǎng)頁,這時,當(dāng)該網(wǎng)頁中的圖片出現(xiàn)在瀏覽器的當(dāng)前顯示界面時,有必要向服務(wù)端請求下載所述圖片。
[0025]為此,可以根據(jù)經(jīng)驗為網(wǎng)頁中的圖片在瀏覽器的當(dāng)前顯示界面上的停留時間設(shè)定一個預(yù)定閾值。當(dāng)網(wǎng)頁中的圖片在瀏覽器的當(dāng)前顯示界面上的停留時間大于該預(yù)定閾值時,第一判斷模塊110確定向服務(wù)端請求下載圖片;當(dāng)網(wǎng)頁中的圖片在瀏覽器的當(dāng)前顯示界面上的停留時間小于所述預(yù)定閾值時,第一判斷模塊110確定不向服務(wù)端請求下載圖片。
[0026]這樣,通過第一判斷模塊110的判斷,可以確定是否向服務(wù)端請求下載圖片。對于不需要向服務(wù)端請求下載圖片的情況,可以減少對服務(wù)端的請求次數(shù)、從服務(wù)端下載圖片的時間、以及在瀏覽器加載圖片的時間,從而可以提高網(wǎng)頁的瀏覽速度,提升用戶體驗。
[