標(biāo)簽，而不是如步驟S210和S220那樣基于記錄表中的DOM節(jié)點(diǎn)進(jìn)行判斷。
[0079]通過使用本發(fā)明的網(wǎng)頁(yè)圖片加載方法，在初始加載網(wǎng)頁(yè)時(shí)沒有加載全部圖片以節(jié)省流量的情況下，在瀏覽過程中適應(yīng)性地自動(dòng)加載了部分圖片，以備用戶瀏覽，實(shí)現(xiàn)了在流暢地瀏覽含有圖片的網(wǎng)頁(yè)與節(jié)省流量之間的良好平衡。
[0080]下面簡(jiǎn)要描述以下根據(jù)本發(fā)明的網(wǎng)頁(yè)圖片加載裝置。
[0081]圖4是根據(jù)本發(fā)明一個(gè)實(shí)施例的網(wǎng)頁(yè)圖片加載裝置的示意性方框圖。
[0082]如圖4所示，根據(jù)本發(fā)明的網(wǎng)頁(yè)圖片加載裝置包括圖片確定裝置440和圖片加載裝置450。
[0083]圖片確定裝置440響應(yīng)于網(wǎng)頁(yè)首次排版完成或響應(yīng)于屏幕顯示范圍移動(dòng)指令，確定圖片加載范圍內(nèi)的待加載圖片。圖片加載范圍包括當(dāng)前屏幕顯示范圍或當(dāng)前屏幕顯示范圍以外預(yù)定距離內(nèi)的預(yù)定距離范圍。
[0084]圖片加載裝置450則加載圖片加載范圍內(nèi)的待加載圖片。
[0085]圖片確定裝置440的操作可以與上文中參考圖1對(duì)步驟S200的描述相同，在此不再贅述。
[0086]同樣地，圖片加載裝置450的操作可以與上文中參考圖1對(duì)步驟S300的描述相同，在此也不再贅述。
[0087]圖5是根據(jù)本發(fā)明另一個(gè)實(shí)施例的網(wǎng)頁(yè)圖片加載裝置的示意性方框圖。
[0088]如圖5所述，根據(jù)本發(fā)明另一個(gè)實(shí)施例的網(wǎng)頁(yè)圖片加載裝置除了包括圖4所示的圖片確定裝置440和圖片加載裝置450之外,還可以包括解析裝置410、記錄裝置420和排版裝置430。
[0089]解析裝置410解析所獲取的網(wǎng)頁(yè)源文件以生成網(wǎng)頁(yè)的DOM樹。
[0090]記錄裝置420當(dāng)在解析過程中發(fā)現(xiàn)有圖片標(biāo)簽時(shí)，在記錄表中記錄與圖片標(biāo)簽對(duì)應(yīng)的DOM節(jié)點(diǎn)。
[0091]排版裝置430根據(jù)圖片標(biāo)簽的CSS屬性進(jìn)行圖片排版。
[0092]解析裝置410、記錄裝置420和排版裝置430的操作可以分別對(duì)應(yīng)于上文中參考圖2描述的步驟SI 10、S130和S140，在此不再贅述。
[0093]圖片確定裝置440響應(yīng)于網(wǎng)頁(yè)首次排版完成或響應(yīng)于屏幕顯示范圍移動(dòng)指令，參考記錄表和排版結(jié)果，確定圖片加載范圍內(nèi)的待加載圖片。
[0094]圖片加載裝置450加載圖片加載范圍內(nèi)的待加載圖片。
[0095]圖6是圖片確定裝置440的示意性方框圖。
[0096]如圖6所示，圖片確定裝置440可以包括查詢裝置442、判斷裝置444、確定裝置446和刪除裝置448。
[0097]查詢裝置442查詢記錄表中記錄的每個(gè)DOM節(jié)點(diǎn)的排版結(jié)果。
[0098]判斷裝置444根據(jù)排版結(jié)果，判斷與DOM節(jié)點(diǎn)對(duì)應(yīng)的圖片標(biāo)簽所對(duì)應(yīng)的圖片的位置是否在圖片加載范圍內(nèi)；
[0099]確定裝置446在判斷裝置判定位置在圖片加載范圍內(nèi)的情況下，確定圖片為圖片加載范圍內(nèi)的待加載圖片。
[0100]刪除裝置448在記錄表中刪除對(duì)圖片加載范圍內(nèi)的待加載圖片所對(duì)應(yīng)的DOM節(jié)點(diǎn)的記錄。
[0101]查詢裝置442、判斷裝置444、確定裝置446和刪除裝置448的操作可以分別對(duì)應(yīng)于上文中參考圖3描述的步驟S210、S220、S240和S250，在此不再贅述。
[0102]通過使用本發(fā)明的網(wǎng)頁(yè)圖片加載裝置，在初始加載網(wǎng)頁(yè)時(shí)沒有加載全部圖片以節(jié)省了流量的情況下，在瀏覽過程中適應(yīng)性地自動(dòng)加載了部分圖片，以備用戶瀏覽，實(shí)現(xiàn)了在流暢地瀏覽含有圖片的網(wǎng)頁(yè)與節(jié)省流量之間的良好平衡。
[0103]至此，已詳細(xì)描述了根據(jù)本發(fā)明網(wǎng)頁(yè)圖片加載方法和裝置的具體實(shí)施例。然而本領(lǐng)域技術(shù)人員應(yīng)該明白，本發(fā)明不限于這里描述的各種細(xì)節(jié)，而是可以做出適當(dāng)?shù)男薷?。本發(fā)明的保護(hù)范圍由所附權(quán)利要求書限定。
【主權(quán)項(xiàng)】
1.一種網(wǎng)頁(yè)圖片加載方法，包括: 響應(yīng)于網(wǎng)頁(yè)首次排版完成或響應(yīng)于屏幕顯示范圍移動(dòng)指令，確定圖片加載范圍內(nèi)的待加載圖片，所述圖片加載范圍包括當(dāng)前屏幕顯示范圍或當(dāng)前屏幕顯示范圍以外預(yù)定距離內(nèi)的預(yù)定距離范圍；以及 加載所述圖片加載范圍內(nèi)的待加載圖片。2.根據(jù)權(quán)利要求1所述的網(wǎng)頁(yè)圖片加載方法，還包括: 解析所獲取的網(wǎng)頁(yè)源文件以生成網(wǎng)頁(yè)的DOM樹； 當(dāng)在解析過程中發(fā)現(xiàn)有圖片標(biāo)簽時(shí)，在記錄表中記錄與所述圖片標(biāo)簽對(duì)應(yīng)的DOM節(jié)點(diǎn)；以及 根據(jù)所述圖片標(biāo)簽的CSS屬性進(jìn)行圖片排版。3.根據(jù)權(quán)利要求2所述的網(wǎng)頁(yè)圖片加載方法，其中，所述確定圖片加載范圍內(nèi)的待加載圖片的步驟包括: 查詢所述記錄表中記錄的每個(gè)DOM節(jié)點(diǎn)的排版結(jié)果； 根據(jù)所述排版結(jié)果，判斷與所述DOM節(jié)點(diǎn)對(duì)應(yīng)的圖片標(biāo)簽所對(duì)應(yīng)的圖片的位置是否在所述圖片加載范圍內(nèi)； 如果在所述圖片加載圍內(nèi)，則確定所述圖片為所述圖片加載圍內(nèi)的待加載圖片。4.根據(jù)權(quán)利要求3所述的網(wǎng)頁(yè)圖片加載方法，所述確定圖片加載范圍內(nèi)的待加載圖片的步驟還包括: 在所述記錄表中刪除對(duì)所述圖片加載范圍內(nèi)的待加載圖片所對(duì)應(yīng)的DOM節(jié)點(diǎn)的記錄。5.根據(jù)權(quán)利要求1至4中任何一項(xiàng)所述的網(wǎng)頁(yè)圖片加載方法，其中，所述預(yù)定距離是基于一次屏幕顯示范圍移動(dòng)指令將使屏幕顯示范圍移動(dòng)的距離。6.一種網(wǎng)頁(yè)圖片加載裝置，包括: 圖片確定裝置，用于響應(yīng)于網(wǎng)頁(yè)首次排版完成或響應(yīng)于屏幕顯示范圍移動(dòng)指令，確定圖片加載范圍內(nèi)的待加載圖片，所述圖片加載范圍包括當(dāng)前屏幕顯示范圍或當(dāng)前屏幕顯示范圍以外預(yù)定距離內(nèi)的預(yù)定距離范圍；以及 圖片加載裝置，用于加載所述圖片加載范圍內(nèi)的待加載圖片。7.根據(jù)權(quán)利要求6所述的網(wǎng)頁(yè)圖片加載裝置，還包括: 解析裝置，用于解析所獲取的網(wǎng)頁(yè)源文件以生成網(wǎng)頁(yè)的DOM樹； 記錄裝置，用于當(dāng)在解析過程中發(fā)現(xiàn)有圖片標(biāo)簽時(shí)，在記錄表中記錄與所述圖片標(biāo)簽對(duì)應(yīng)的DOM節(jié)點(diǎn)；以及 排版裝置，用于根據(jù)所述圖片標(biāo)簽的CSS屬性進(jìn)行圖片排版。8.根據(jù)權(quán)利要求7所述的網(wǎng)頁(yè)圖片加載裝置，其中，所述圖片確定裝置包括: 查詢裝置，用于查詢所述記錄表中記錄的每個(gè)DOM節(jié)點(diǎn)的排版結(jié)果； 判斷裝置，用于根據(jù)所述排版結(jié)果，判斷與所述DOM節(jié)點(diǎn)對(duì)應(yīng)的圖片標(biāo)簽所對(duì)應(yīng)的圖片的位置是否在所述圖片加載范圍內(nèi)； 確定裝置，用于在所述判斷裝置判定所述位置在所述圖片加載范圍內(nèi)的情況下，確定所述圖片為所述圖片加載范圍內(nèi)的待加載圖片。9.根據(jù)權(quán)利要求8所述的網(wǎng)頁(yè)圖片加載裝置，所述圖片確定裝置還包括: 刪除裝置，用于在所述記錄表中刪除對(duì)所述圖片加載范圍內(nèi)的待加載圖片所對(duì)應(yīng)的DOM節(jié)點(diǎn)的記錄。10.根據(jù)權(quán)利要求6至9中任何一項(xiàng)所述的網(wǎng)頁(yè)圖片加載裝置，其中，所述預(yù)定距離是基于一次屏幕顯示范圍移動(dòng)指令將使屏幕顯示范圍移動(dòng)的距離。
【專利摘要】本發(fā)明公開了一種網(wǎng)頁(yè)圖片加載方法和裝置。在加載網(wǎng)頁(yè)時(shí)，可以阻止對(duì)網(wǎng)頁(yè)中至少部分圖片的加載以節(jié)省流量。而在用戶瀏覽過程中，響應(yīng)于網(wǎng)頁(yè)首次排版完成或響應(yīng)于屏幕顯示范圍移動(dòng)指令，確定圖片加載范圍內(nèi)的待加載圖片，并且加載所述圖片加載范圍內(nèi)的待加載圖片。該圖片加載范圍包括當(dāng)前屏幕顯示范圍或當(dāng)前屏幕顯示范圍以外預(yù)定距離內(nèi)的預(yù)定距離范圍。通過使用本發(fā)明的網(wǎng)頁(yè)圖片加載方法和裝置，在初始加載網(wǎng)頁(yè)時(shí)沒有加載全部圖片以節(jié)省流量的情況下，在瀏覽過程中適應(yīng)性地自動(dòng)加載了部分圖片，以備用戶瀏覽，實(shí)現(xiàn)了在流暢地瀏覽含有圖片的網(wǎng)頁(yè)與節(jié)省流量之間的良好平衡。
【IPC分類】G06F17/30
【公開號(hào)】CN105335419
【申請(qǐng)?zhí)枴緾N201410381929
【發(fā)明人】梁捷, 王永光
【申請(qǐng)人】?jī)?yōu)視科技有限公司
【公開日】2016年2月17日
【申請(qǐng)日】2014年8月5日