顯示屏幕的尺寸和顯示屏幕每英寸像素密度得到具體的網(wǎng)頁圖片子文件的位置信息,或者可以根據(jù)顯示屏幕的橫軸坐標(biāo)點(diǎn)的位置確定網(wǎng)頁圖片子文件的位置信息,則可以根據(jù)移動(dòng)終端的顯示屏幕的尺寸和顯示屏幕每英寸像素密度、或顯示屏幕的橫軸坐標(biāo)點(diǎn)的位置,再結(jié)合網(wǎng)頁圖片子文件的位置信息,在移動(dòng)瀏覽器頁面確定預(yù)設(shè)的顯示區(qū)域,預(yù)設(shè)的顯示區(qū)域可與網(wǎng)頁圖片子文件的顯示區(qū)域一致,從而可將網(wǎng)頁圖片入口標(biāo)識(shí)顯示在網(wǎng)頁圖片子文件上方,便于用戶查找和選擇該網(wǎng)頁圖片入口標(biāo)識(shí)。
[0034]作為一種可選的實(shí)施方式,若網(wǎng)頁圖片數(shù)據(jù)包括多個(gè)網(wǎng)頁圖片子文件,則多個(gè)網(wǎng)頁圖片子文件的位置信息相同。根據(jù)網(wǎng)頁圖片子文件的位置信息在移動(dòng)終端瀏覽器頁面確定預(yù)設(shè)的顯示區(qū)域具體可以包括:獲取多個(gè)網(wǎng)頁圖片子文件的節(jié)點(diǎn),多個(gè)網(wǎng)頁圖片子文件的節(jié)點(diǎn)互為兄弟節(jié)點(diǎn);將網(wǎng)頁圖片入口標(biāo)識(shí)的節(jié)點(diǎn)設(shè)為兄弟節(jié)點(diǎn),從而根據(jù)網(wǎng)頁圖片子文件的位置信息確定預(yù)設(shè)的顯示區(qū)域。具體的,將網(wǎng)頁入口標(biāo)識(shí)的節(jié)點(diǎn)設(shè)為與網(wǎng)頁圖片子文件的節(jié)點(diǎn)互為兄弟節(jié)點(diǎn),即將網(wǎng)頁入口標(biāo)識(shí)的節(jié)點(diǎn)添加到網(wǎng)頁圖片子文件對(duì)應(yīng)的父節(jié)點(diǎn)之下,則網(wǎng)頁入口標(biāo)識(shí)的位置信息與網(wǎng)頁圖片子文件的位置信息保持一致。其中,位于同一層且連接在同一父節(jié)點(diǎn)上的節(jié)點(diǎn)互為兄弟節(jié)點(diǎn),本發(fā)明實(shí)施例中,套圖圖片在同一個(gè)父節(jié)點(diǎn)之下,各個(gè)網(wǎng)頁圖片子文件的節(jié)點(diǎn)屬于同一層的節(jié)點(diǎn),且在同一個(gè)父節(jié)點(diǎn)之下,則各個(gè)網(wǎng)頁圖片子文件的節(jié)點(diǎn)互為兄弟節(jié)點(diǎn)。網(wǎng)頁入口標(biāo)識(shí)的位置信息與網(wǎng)頁圖片子文件的位置信息保持一致,便于用戶在查閱網(wǎng)頁頁面中的網(wǎng)頁圖片時(shí),在網(wǎng)頁頁面顯示的網(wǎng)頁圖片上方點(diǎn)選網(wǎng)頁圖片入口標(biāo)識(shí),以進(jìn)入網(wǎng)頁圖片的查閱模式,無需在網(wǎng)頁頁面中網(wǎng)頁圖片顯示區(qū)域以外的其他區(qū)域?qū)ふ胰肟跇?biāo)識(shí)。
[0035]S103,在預(yù)設(shè)的顯示區(qū)域創(chuàng)建用于啟動(dòng)瀏覽器全屏顯示窗口的網(wǎng)頁圖片入口標(biāo)識(shí)。
[0036]作為一種可選的實(shí)施方式,在預(yù)設(shè)的顯示區(qū)域創(chuàng)建用于啟動(dòng)瀏覽器全屏顯示窗口的網(wǎng)頁圖片入口標(biāo)識(shí),其中,網(wǎng)頁圖片入口標(biāo)識(shí)包括但不局限于:預(yù)設(shè)的圖片或預(yù)設(shè)的按鈕,預(yù)設(shè)的圖片例如:預(yù)設(shè)的縮略圖、預(yù)設(shè)的圖案等,預(yù)設(shè)的按鈕例如預(yù)設(shè)的方形按鈕、預(yù)設(shè)的圓點(diǎn)按鈕等。
[0037]作為一種可選的實(shí)施方式,如圖2a所示,為本發(fā)明實(shí)施例提供的網(wǎng)頁圖片入口標(biāo)識(shí)的示意圖,區(qū)域201為網(wǎng)頁圖片子文件的顯示區(qū)域,202為網(wǎng)頁入口標(biāo)識(shí),則網(wǎng)頁入口標(biāo)識(shí)202可以在區(qū)域201上方任一位置創(chuàng)建,例如在區(qū)域201的左上角、右上角、左下角或右下角等。
[0038]作為一種可選的實(shí)施方式,在移動(dòng)終端瀏覽器頁面創(chuàng)建瀏覽器全屏顯示窗口,將網(wǎng)頁圖片入口標(biāo)識(shí)與瀏覽器全屏顯示窗口進(jìn)行關(guān)聯(lián),從而當(dāng)接收到對(duì)所述網(wǎng)頁圖片入口標(biāo)識(shí)的觸控指令時(shí),可在移動(dòng)終端瀏覽器頁面顯示與網(wǎng)頁圖片入口標(biāo)識(shí)關(guān)聯(lián)的瀏覽器全屏顯示窗口。
[0039]本發(fā)明實(shí)施例中,可將預(yù)設(shè)的圖片或預(yù)設(shè)的按鈕轉(zhuǎn)換為二進(jìn)制數(shù)據(jù),并賦值給事件觸發(fā)函數(shù),從而當(dāng)接收到用戶對(duì)該圖片入口標(biāo)識(shí)的觸控時(shí),可以觸發(fā)執(zhí)行對(duì)應(yīng)的事件,本發(fā)明實(shí)施例中,觸發(fā)執(zhí)行對(duì)應(yīng)的事件可以為觸發(fā)打開瀏覽器全屏顯示窗口,瀏覽器全屏顯示窗口預(yù)先與圖片入口標(biāo)識(shí)進(jìn)行關(guān)聯(lián),具體的,可以圖片入口標(biāo)識(shí)的觸控事件與開啟瀏覽器全屏顯示窗口的事件進(jìn)行關(guān)聯(lián)。
[0040]作為一種可選的實(shí)施方式,在移動(dòng)終端瀏覽器頁面創(chuàng)建瀏覽器全屏顯示窗口,瀏覽器全屏顯示窗口為瀏覽器本地創(chuàng)建的顯示窗口,為在移動(dòng)終端瀏覽器客戶端應(yīng)用程序側(cè)實(shí)現(xiàn),而不是現(xiàn)有技術(shù)中網(wǎng)頁提供商根據(jù)需求設(shè)計(jì)且基于JS腳本實(shí)現(xiàn)。在瀏覽器本地自帶的例如收藏夾、標(biāo)簽等元素,瀏覽器全屏顯示窗口也為瀏覽器本地自帶的元素。可選的,瀏覽器全屏顯示窗口可以為浮動(dòng)在當(dāng)前移動(dòng)終端瀏覽器頁面的窗口。
[0041]作為一種可選的實(shí)施方式,將網(wǎng)頁圖片入口標(biāo)識(shí)與獲取到的移動(dòng)終端瀏覽器頁面中的網(wǎng)頁圖片數(shù)據(jù)進(jìn)行關(guān)聯(lián),具體的,可將圖片入口標(biāo)識(shí)的觸控事件與獲取到的移動(dòng)終端瀏覽器頁面中的網(wǎng)頁圖片數(shù)據(jù)進(jìn)行關(guān)聯(lián),又網(wǎng)頁圖片入口標(biāo)識(shí)與瀏覽器全屏顯示窗口進(jìn)行了關(guān)聯(lián),從而可在瀏覽器全屏顯示窗口顯示網(wǎng)頁圖片數(shù)據(jù)。
[0042]S104,當(dāng)接收到對(duì)所述網(wǎng)頁圖片入口標(biāo)識(shí)的觸控指令時(shí),在移動(dòng)終端瀏覽器頁面顯示瀏覽器全屏顯示窗口,并在瀏覽器全屏顯示窗口顯示獲取到的至少一個(gè)網(wǎng)頁圖片子文件。
[0043]作為一種可選的實(shí)施方式,當(dāng)接收到對(duì)網(wǎng)頁圖片入口標(biāo)識(shí)的觸控指令時(shí),在移動(dòng)終端瀏覽器頁面顯示瀏覽器全屏顯示窗口,并在瀏覽器全屏顯示窗口顯示獲取到的至少一個(gè)網(wǎng)頁圖片子文件。具體的,用戶在如手機(jī)的瀏覽器頁面中用手或觸屏筆觸控網(wǎng)頁圖片入口標(biāo)識(shí),圖片入口標(biāo)識(shí)顯示在網(wǎng)頁頁面中的網(wǎng)頁圖片的上方,便于用戶查找并觸控,移動(dòng)終端接收到用戶對(duì)網(wǎng)頁圖片入口標(biāo)識(shí)的觸控指令。又網(wǎng)頁圖片入口標(biāo)識(shí)已與瀏覽器全屏顯示窗口進(jìn)行關(guān)聯(lián),則當(dāng)接收到用戶對(duì)網(wǎng)頁圖片入口標(biāo)識(shí)的觸控指令時(shí),在移動(dòng)終端瀏覽器頁面顯示瀏覽器全屏顯示窗口。
[0044]作為一種可選的實(shí)施方式,網(wǎng)頁圖片入口標(biāo)識(shí)已與網(wǎng)頁圖片數(shù)據(jù)進(jìn)行關(guān)聯(lián)可在瀏覽器全屏顯示窗口中預(yù)設(shè)的第一顯示區(qū)域顯示獲取到的當(dāng)前移動(dòng)終端瀏覽器頁面中的網(wǎng)頁圖片子文件,在瀏覽器全屏顯示窗口中預(yù)設(shè)的第二顯示區(qū)域顯示網(wǎng)頁圖片子文件的縮略圖以及網(wǎng)頁圖片子文件的相鄰網(wǎng)頁圖片子文件的縮略圖,預(yù)設(shè)的第一顯示區(qū)域大于預(yù)設(shè)的第二顯示區(qū)域,從而用戶可在瀏覽器全屏顯示窗口查閱網(wǎng)頁圖片子文件,還可以直接在瀏覽器全屏顯示窗口進(jìn)行查閱上一張或下一張網(wǎng)頁圖片子文件,無需再打開新的網(wǎng)頁以查閱上一張或下一張網(wǎng)頁圖片子文件。
[0045]作為一種可選的實(shí)施方式,如圖2b所示,為本發(fā)明實(shí)施例提供的瀏覽器全屏顯示窗口的不意圖,如圖2b所不,在區(qū)域203顯不網(wǎng)頁圖片子文件:圖片I,在區(qū)域204顯不網(wǎng)頁圖片子文件I的縮略圖以及網(wǎng)頁圖片子文件I的相鄰網(wǎng)頁圖片子文件的縮略圖:圖片I的縮略圖、圖片2的縮略圖以及圖片3的縮略圖。
[0046]本發(fā)明實(shí)施例提供一種網(wǎng)頁圖片的顯示方法,可獲取當(dāng)前移動(dòng)終端瀏覽器頁面中的網(wǎng)頁圖片數(shù)據(jù),其中,網(wǎng)頁圖片數(shù)據(jù)包括:至少一個(gè)網(wǎng)頁圖片子文件和網(wǎng)頁圖片子文件的位置信息,進(jìn)而根據(jù)網(wǎng)頁圖片子文件的位置信息在移動(dòng)終端瀏覽器頁面確定預(yù)設(shè)的顯示區(qū)域,在預(yù)設(shè)的顯示區(qū)域創(chuàng)建用于啟動(dòng)瀏覽器全屏顯示窗口的網(wǎng)頁圖片入口標(biāo)識(shí),從而當(dāng)接收到對(duì)網(wǎng)頁圖片入口標(biāo)識(shí)的觸控指令時(shí),在移動(dòng)終端瀏覽器頁面顯示瀏覽器全屏顯示窗口,并在瀏覽器全屏顯示窗口顯示獲取到的至少一個(gè)網(wǎng)頁圖片子文件。實(shí)現(xiàn)了在移動(dòng)終端瀏覽器客戶端應(yīng)用程序側(cè)進(jìn)行網(wǎng)頁圖片的顯示,用戶可在瀏覽器全屏顯示窗口查閱頁圖片,提聞了移動(dòng)終端的智能性。
[0047]下面將結(jié)合附圖3,對(duì)本發(fā)明實(shí)施例提供的網(wǎng)頁圖片的顯示裝置進(jìn)行詳細(xì)介紹。需要說明的是,附圖3所示的網(wǎng)頁圖片的顯示裝置,用于執(zhí)行本發(fā)明圖1所示實(shí)施例的方法,為了便于說明,僅示出了與本發(fā)明實(shí)施例相關(guān)的部分,具體技術(shù)細(xì)節(jié)未揭示的,請參照本發(fā)明圖1所示的實(shí)施例。
[0048]請參見圖3,為本發(fā)明實(shí)施例提供的一種網(wǎng)頁圖片的顯示裝置的結(jié)構(gòu)示意圖;該裝置可包括:獲取模塊301、確定模塊302、創(chuàng)建模塊303和顯示模塊304。獲取模塊301與確定模塊302連接,確定模塊302與創(chuàng)建模塊303連接,顯示模塊304分別與獲取模塊301和創(chuàng)建模塊303連接。
[0049]獲取模塊301,用于獲取當(dāng)前移動(dòng)終端瀏覽器頁面中的網(wǎng)頁圖片數(shù)據(jù),所述網(wǎng)頁圖片數(shù)據(jù)包括:至少一個(gè)網(wǎng)頁圖片子文件和所述網(wǎng)頁圖片子文件的位置信息。
[0050]作為一種可選的實(shí)施方式,獲取模塊301獲取當(dāng)前移動(dòng)終端瀏覽器頁面中的網(wǎng)頁圖片數(shù)據(jù),其中,網(wǎng)頁圖片數(shù)據(jù)包括:至少一個(gè)網(wǎng)頁圖片子文件和網(wǎng)頁圖片子文件的位置信息。具體的,獲取模塊301根據(jù)當(dāng)前移動(dòng)終端瀏覽器頁面中的網(wǎng)頁圖片子文件獲取網(wǎng)頁圖片數(shù)據(jù)的DOM節(jié)點(diǎn),若有父節(jié)點(diǎn),則確定該網(wǎng)頁圖片子文件為套圖關(guān)系,則遍歷DOM樹獲取兄弟節(jié)點(diǎn)對(duì)應(yīng)的網(wǎng)頁圖片子文件。其中,套圖例如新聞、游記、寫真等中是成套出現(xiàn)的網(wǎng)頁圖片,套圖包括多個(gè)相關(guān)網(wǎng)頁圖片。獲取到至少一個(gè)網(wǎng)頁圖片子文件后,獲取網(wǎng)頁圖片子文件的位置信息,網(wǎng)頁圖片子文件的位置信息為網(wǎng)頁圖片子文件在網(wǎng)頁頁面中的顯示位置信息。網(wǎng)頁圖片子文