一種網(wǎng)頁圖片的顯示方法及裝置的制造方法
【技術(shù)領(lǐng)域】
[0001]本發(fā)明涉及計算機領(lǐng)域，尤其涉及一種網(wǎng)頁圖片的顯示方法及裝置。
【背景技術(shù)】
[0002]通過瀏覽器客戶端應(yīng)用程序可以顯示從網(wǎng)頁服務(wù)器中獲取到的數(shù)據(jù)，在手機、平板電腦等移動終端中，可通過移動終端瀏覽器實現(xiàn)移動互聯(lián)網(wǎng)服務(wù)，例如，手機瀏覽器是一種用戶在手機終端上通過無線通訊網(wǎng)絡(luò)進行互聯(lián)網(wǎng)內(nèi)容瀏覽的移動互聯(lián)網(wǎng)工具，其最主要的應(yīng)用為網(wǎng)頁瀏覽，同時也可以聚集大量的應(yīng)用，如導(dǎo)航、社區(qū)、多媒體影音、天氣、股市等。
[0003]現(xiàn)有移動終端瀏覽器中，通過網(wǎng)絡(luò)從服務(wù)器請求到的圖片數(shù)據(jù)經(jīng)渲染后顯示在瀏覽器的網(wǎng)頁中，當多個相關(guān)圖片通過不同頁面或異步加載方式顯示時，用戶需在網(wǎng)頁中查找并主動點擊網(wǎng)頁中的“下一頁”或“上一頁”按鈕，才能在顯示的下一頁或上一頁網(wǎng)頁中查閱對應(yīng)的下一個圖片或上一個圖片，網(wǎng)頁中沒有一個統(tǒng)一的入口標識以便于進入查閱多個相關(guān)圖片的模式，又顯示的圖片為網(wǎng)頁提供商根據(jù)需求設(shè)計且基于JS(JavaSCript，是一種由Netscape的LiveScript發(fā)展而來的原型化繼承的面向?qū)ο蟮膭討B(tài)類型的區(qū)分大小寫的客戶端腳本語言)腳本實現(xiàn)，展現(xiàn)效果限制于網(wǎng)頁設(shè)計人員，無法在移動終端瀏覽器客戶端應(yīng)用程序側(cè)實現(xiàn)進入網(wǎng)頁圖片的查閱模式。

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

[0004]本發(fā)明實施例提供一種網(wǎng)頁圖片的顯示方法及裝置?？稍谝苿咏K端瀏覽器頁面中預(yù)設(shè)的顯示區(qū)域創(chuàng)建用于啟動瀏覽器全屏顯示窗口網(wǎng)頁圖片入口標識，進而在瀏覽器全屏顯示窗口顯示圖片數(shù)據(jù)，在移動終端瀏覽器客戶端應(yīng)用程序側(cè)實現(xiàn)網(wǎng)頁圖片的顯示，提高了移動終端的智能性。
[0005]本發(fā)明第一方面提供一種網(wǎng)頁圖片的顯示方法，可包括:
[0006]獲取當前移動終端瀏覽器頁面中的網(wǎng)頁圖片數(shù)據(jù)，所述網(wǎng)頁圖片數(shù)據(jù)包括:至少一個網(wǎng)頁圖片子文件和所述網(wǎng)頁圖片子文件的位置信息；
[0007]根據(jù)所述網(wǎng)頁圖片子文件的位置信息在移動終端瀏覽器頁面確定預(yù)設(shè)的顯示區(qū)域；
[0008]在所述預(yù)設(shè)的顯示區(qū)域創(chuàng)建用于啟動瀏覽器全屏顯示窗口的網(wǎng)頁圖片入口標識；
[0009]當接收到對所述網(wǎng)頁圖片入口標識的觸控指令時，在所述移動終端瀏覽器頁面顯示所述瀏覽器全屏顯示窗口，并在所述瀏覽器全屏顯示窗口顯示所述獲取到的至少一個網(wǎng)頁圖片子文件。
[0010]本發(fā)明第二方面提供一種網(wǎng)頁圖片的顯示裝置，可包括:
[0011]獲取模塊，用于獲取當前移動終端瀏覽器頁面中的網(wǎng)頁圖片數(shù)據(jù)，所述網(wǎng)頁圖片數(shù)據(jù)包括:至少一個網(wǎng)頁圖片子文件和所述網(wǎng)頁圖片子文件的位置信息；
[0012]確定模塊，用于根據(jù)所述網(wǎng)頁圖片子文件的位置信息在移動終端瀏覽器頁面確定預(yù)設(shè)的顯示區(qū)域；
[0013]創(chuàng)建模塊，用于在所述預(yù)設(shè)的顯示區(qū)域創(chuàng)建用于啟動瀏覽器全屏顯示窗口的網(wǎng)頁圖片入口標識；
[0014]顯示模塊，用于當接收到對所述網(wǎng)頁圖片入口標識的觸控指令時，在所述移動終端瀏覽器頁面顯示所述瀏覽器全屏顯示窗口，并在所述瀏覽器全屏顯示窗口顯示所述獲取到的至少一個網(wǎng)頁圖片子文件。
[0015]實施本發(fā)明實施例，具有如下有益效果:
[0016]本發(fā)明實施例可在移動終端瀏覽器頁面中預(yù)設(shè)的顯示區(qū)域創(chuàng)建網(wǎng)頁圖片入口標識，通過該網(wǎng)頁圖片入口標識可啟動瀏覽器全屏顯示窗口，并在瀏覽器全屏顯示窗口顯示圖片數(shù)據(jù)，在移動終端瀏覽器客戶端應(yīng)用程序側(cè)實現(xiàn)網(wǎng)頁圖片的顯示，用戶可在瀏覽器全屏顯示窗口查閱網(wǎng)頁圖片，提高了移動終端的智能性。
【附圖說明】
[0017]為了更清楚地說明本發(fā)明實施例或現(xiàn)有技術(shù)中的技術(shù)方案，下面將對實施例或現(xiàn)有技術(shù)描述中所需要使用的附圖作簡單地介紹，顯而易見地，下面描述中的附圖僅僅是本發(fā)明的一些實施例，對于本領(lǐng)域普通技術(shù)人員來講，在不付出創(chuàng)造性勞動的前提下，還可以根據(jù)這些附圖獲得其他的附圖。
[0018]圖1為本發(fā)明實施例提供的一種網(wǎng)頁圖片的顯示方法的流程圖；
[0019]圖2a為本發(fā)明實施例提供的網(wǎng)頁圖片入口標識的示意圖；
[0020]圖2b為本發(fā)明實施例提供的瀏覽器全屏顯示窗口的示意圖；
[0021]圖3為本發(fā)明實施例提供的一種網(wǎng)頁圖片的顯示裝置的結(jié)構(gòu)示意圖；
[0022]圖4為本發(fā)明實施例提供的確定模塊的結(jié)構(gòu)示意圖；
[0023]圖5為本發(fā)明實施例提供的創(chuàng)建模塊的結(jié)構(gòu)示意圖。
【具體實施方式】
[0024]下面將結(jié)合本發(fā)明實施例中的附圖，對本發(fā)明實施例中的技術(shù)方案進行清楚、完整地描述，顯然，所描述的實施例僅僅是本發(fā)明一部分實施例，而不是全部的實施例?；诒景l(fā)明中的實施例，本領(lǐng)域普通技術(shù)人員在沒有作出創(chuàng)造性勞動前提下所獲得的所有其他實施例，都屬于本發(fā)明保護的范圍。
[0025]本發(fā)明實施例中，移動終端包括但不局限于:手機、平板電腦、個人數(shù)字助理(PDA, Personal Digital Assistant,又名掌上電腦)等終端設(shè)備。移動終端瀏覽器例如適合 WAP (Wireless Applicat1n Protocol,無線應(yīng)用協(xié)議)、WWW (World Wide Web,萬維網(wǎng))網(wǎng)頁瀏覽的手機QQ瀏覽器等。網(wǎng)頁圖片包括網(wǎng)頁內(nèi)的圖片和網(wǎng)頁間的圖片，網(wǎng)頁內(nèi)的圖片指一個網(wǎng)頁頁面內(nèi)所有的圖片(網(wǎng)頁頁面內(nèi)的廣告，網(wǎng)頁標識logo等圖片除外)，網(wǎng)頁間的圖片指分布在不同網(wǎng)頁頁面且有關(guān)聯(lián)的圖片，用戶需要點擊某個按鈕才能展現(xiàn)的圖片。
[0026]本發(fā)明公開了一種網(wǎng)頁圖片的顯示方法及裝置，包括:獲取當前移動終端瀏覽器頁面中的網(wǎng)頁圖片數(shù)據(jù)，所述網(wǎng)頁圖片數(shù)據(jù)包括:至少一個網(wǎng)頁圖片子文件和所述網(wǎng)頁圖片子文件的位置信息；根據(jù)所述網(wǎng)頁圖片子文件的位置信息在移動終端瀏覽器頁面確定預(yù)設(shè)的顯示區(qū)域；所述預(yù)設(shè)的顯示區(qū)域創(chuàng)建用于啟動瀏覽器全屏顯示窗口的網(wǎng)頁圖片入口標識；當接收到對所述網(wǎng)頁圖片入口標識的觸控指令時，在所述移動終端瀏覽器頁面顯示所述瀏覽器全屏顯示窗口，并在所述瀏覽器全屏顯示窗口顯示所述獲取到的至少一個網(wǎng)頁圖片子文件。
[0027]采用本發(fā)明實施例，可在移動終端瀏覽器頁面中預(yù)設(shè)的顯示區(qū)域創(chuàng)建網(wǎng)頁圖片入口標識，通過該網(wǎng)頁圖片入口標識可啟動瀏覽器全屏顯示窗口，并在瀏覽器全屏顯示窗口顯示圖片數(shù)據(jù)，在移動終端瀏覽器客戶端應(yīng)用程序側(cè)實現(xiàn)網(wǎng)頁圖片的顯示，用戶可在瀏覽器全屏顯示窗口查閱頁圖片，提高了移動終端的智能性。
[0028]下面將結(jié)合附圖1，對本發(fā)明實施例提供的網(wǎng)頁圖片的顯示方法進行詳細介紹。
[0029]請參見圖1，為本發(fā)明實施例提供的一種網(wǎng)頁圖片的顯示方法的流程圖；該方法可包括以下步驟:S101?S104。
[0030]S101，獲取當前移動終端瀏覽器頁面中的網(wǎng)頁圖片數(shù)據(jù)，網(wǎng)頁圖片數(shù)據(jù)包括:至少一個網(wǎng)頁圖片子文件和網(wǎng)頁圖片子文件的位置信息。
[0031]作為一種可選的實施方式，獲取當前移動終端瀏覽器頁面中的網(wǎng)頁圖片數(shù)據(jù)，其中，網(wǎng)頁圖片數(shù)據(jù)包括:至少一個網(wǎng)頁圖片子文件和網(wǎng)頁圖片子文件的位置信息。具體的，根據(jù)當前移動終端瀏覽器頁面中的網(wǎng)頁圖片子文件獲取網(wǎng)頁圖片數(shù)據(jù)的DOM節(jié)點，若有父節(jié)點，則確定該網(wǎng)頁圖片子文件為套圖關(guān)系，則遍歷DOM樹獲取兄弟節(jié)點對應(yīng)的網(wǎng)頁圖片子文件。其中，套圖例如新聞、游記、寫真等中是成套出現(xiàn)的網(wǎng)頁圖片，套圖包括多個相關(guān)網(wǎng)頁圖片。獲取到至少一個網(wǎng)頁圖片子文件后，獲取網(wǎng)頁圖片子文件的位置信息，網(wǎng)頁圖片子文件的位置信息為網(wǎng)頁圖片子文件在網(wǎng)頁頁面中的顯示位置信息。網(wǎng)頁圖片子文件的位置信息可以根據(jù)移動終端的顯示屏幕的尺寸和顯示屏幕每英寸像素密度得到具體的網(wǎng)頁圖片子文件的位置信息，或者可以根據(jù)顯示屏幕的橫軸坐標點的位置確定網(wǎng)頁圖片子文件的位置信息。
[0032]S102，根據(jù)網(wǎng)頁圖片子文件的位置信息在移動終端瀏覽器頁面確定預(yù)設(shè)的顯示區(qū)域。
[0033]作為一種可選的實施方式，獲取到的網(wǎng)頁圖片子文件的位置信息，可以為可以根據(jù)移動終端的