一種瀏覽器中對網(wǎng)頁中圖片進行顯示方法和裝置制造方法
【專利摘要】本發(fā)明公開了一種瀏覽器中對網(wǎng)頁中圖片進行顯示方法,涉及瀏覽器【技術領域】。所述方法包括:監(jiān)聽網(wǎng)頁中圖片元素上的鼠標懸停事件;若監(jiān)聽到網(wǎng)頁中圖片元素上的鼠標懸停事件,則針對所述圖片元素中的第一圖片,獲取對應所述第一圖片的第二圖片;創(chuàng)建一窗口,并將所述第二圖片加載至所述窗口中展示。本發(fā)明可以直接在瀏覽器窗口中將與網(wǎng)頁中第一圖片展示相同內容的第二圖片進行展示,不用改變網(wǎng)頁本身的展示結構,也不用進行點擊進入類似相冊的展示界面,即可使用戶清楚、完整地查看圖片內容,用戶操作簡單,不會影響用戶對頁面的正常瀏覽,實現(xiàn)了輕量化的放大化圖片展示。
【專利說明】—種瀏覽器中對網(wǎng)頁中圖片進行顯示方法和裝置
【技術領域】
[0001]本發(fā)明涉及瀏覽器【技術領域】,具體涉及一種瀏覽器中對網(wǎng)頁中圖片進行顯示方法和裝置。
【背景技術】
[0002]瀏覽器是指可以顯示網(wǎng)頁服務器或者文件系統(tǒng)的!1111(超文本標記語言,'了6X1:匕叩皿陰))文件內容,并讓用戶與這些文件交互的一種軟件。網(wǎng)頁瀏覽器主要通過肌1?協(xié)議與網(wǎng)頁服務器交互并獲取網(wǎng)頁,這些網(wǎng)頁由統(tǒng)一資源定位符,口 0680111X6 10081:01-)指定,文件格式通常為!1111。一個網(wǎng)頁中可以包括多個文檔,每個文檔都是分別從服務器獲取的。肌1?內容類型和口此協(xié)議規(guī)范允許網(wǎng)頁設計者在網(wǎng)頁中嵌入圖片、視頻等。
[0003]在現(xiàn)有技術中,很多網(wǎng)頁都會在!1111文檔中設置圖片元素,使瀏覽器可以通過肌11文檔下載相應圖片在瀏覽器的標簽頁面中展示。但是,存在一個問題是,網(wǎng)頁中的圖片可能像素尺寸很小或者說圖片內容顯示不全,用戶可能無法清楚或者完整地觀看該圖片內容的細節(jié)。
【發(fā)明內容】
[0004]鑒于上述問題,提出了本發(fā)明以便提供一種克服上述問題或者至少部分地解決上述問題的瀏覽器中對網(wǎng)頁中圖片進行顯示裝置和相應的瀏覽器中對網(wǎng)頁中圖片進行顯示方法。
[0005]依據(jù)本發(fā)明的一個方面,提供了一種瀏覽器中對網(wǎng)頁中圖片進行顯示方法,包括:
[0006]監(jiān)聽網(wǎng)頁中圖片元素上的鼠標懸停事件;
[0007]若監(jiān)聽到網(wǎng)頁中圖片元素上的鼠標懸停事件,則針對所述圖片元素中的第一圖片,獲取對應所述第一圖片的第二圖片;
[0008]創(chuàng)建一窗口,并將所述第二圖片加載至所述窗口中展示。
[0009]優(yōu)選地,在監(jiān)聽到網(wǎng)頁中圖片元素上的鼠標懸停事件之前,還包括:
[0010]針對當前網(wǎng)頁文檔對應的網(wǎng)址,根據(jù)以正則表達式構建的網(wǎng)址匹配規(guī)則和/或預置的網(wǎng)址名單,對所述網(wǎng)址進行匹配;根據(jù)匹配結果判斷出所述網(wǎng)頁文檔為帶有圖片元素的特定網(wǎng)頁。
[0011]優(yōu)選地,所述根據(jù)以正則表達式構建的網(wǎng)址匹配規(guī)則和/或預置的網(wǎng)址名單,對所述網(wǎng)址進行匹配,包括:
[0012]根據(jù)以正則表達式構建的主站網(wǎng)址匹配規(guī)則,判斷所述網(wǎng)址是否為預定的主站的網(wǎng)址;
[0013]如果所述網(wǎng)址為預定的主站的網(wǎng)址,則根據(jù)以正則表達式構建的站內網(wǎng)址匹配規(guī)貝0,判斷所述網(wǎng)址對應的網(wǎng)頁是否為站內帶有圖片元素的特定網(wǎng)頁。
[0014]優(yōu)選地,所述將當前網(wǎng)頁的網(wǎng)址與網(wǎng)址名單進行匹配,若匹配上,則確定當前網(wǎng)頁為帶有圖片元素的特定網(wǎng)頁,包括:
[0015]通過瀏覽器主進程針對當前網(wǎng)頁文檔對應的網(wǎng)址,根據(jù)以正則表達式構建的網(wǎng)址匹配規(guī)則和/或預置的網(wǎng)址名單,對所述網(wǎng)址進行匹配;根據(jù)匹配結果判斷出所述網(wǎng)頁文檔為帶有圖片元素的特定網(wǎng)頁。
[0016]優(yōu)選地,在監(jiān)聽網(wǎng)頁中圖片元素上的鼠標懸停事件之前,還包括:
[0017]針對網(wǎng)頁中的圖片元素,根據(jù)預置的圖片規(guī)則對所述圖片元素進行過濾。
[0018]優(yōu)選地,所述針對網(wǎng)頁中的圖片元素,根據(jù)預置的圖片規(guī)則對所述圖片元素進行過濾,包括:
[0019]判斷所述圖片元素中第一圖片尺寸是否達到第一閾值;如果未達到,則監(jiān)聽所述圖片元素上的鼠標懸停事件;如果達到,則不監(jiān)聽所述圖片元素上的鼠標懸停事件。
[0020]優(yōu)選地,所述針對網(wǎng)頁中的圖片元素,根據(jù)預置的圖片規(guī)則對所述圖片元素進行過濾,包括:
[0021]將所述圖片元素屬于廣告節(jié)點的圖片元素、導航欄節(jié)點的圖片元素、非正文節(jié)點的圖片元素中的一個或者多個進行過濾。
[0022]優(yōu)選地,所述針對網(wǎng)頁中的圖片元素,根據(jù)預置的圖片規(guī)則對所述圖片元素進行過濾包括:
[0023]由所述展示網(wǎng)頁的網(wǎng)頁進程執(zhí)行針對網(wǎng)頁中的圖片元素,根據(jù)預置的圖片規(guī)則對所述圖片元素進行過濾。
[0024]優(yōu)選地,針對所述圖片元素中的第一圖片,獲取對應所述第一圖片的第二圖片包括:
[0025]獲取所述圖片元素中對應第一圖片的網(wǎng)址;
[0026]對所述第一圖片的網(wǎng)址進行圖片正則表達式匹配,以獲取第二圖片的網(wǎng)址;
[0027]根據(jù)所述第二圖片的網(wǎng)址,下載所述第二圖片。
[0028]優(yōu)選地,由展示所述網(wǎng)頁的網(wǎng)頁進程執(zhí)行獲取所述圖片元素中對應第一圖片的網(wǎng)址,并將所述第一圖片的網(wǎng)址發(fā)送給瀏覽器主進程;
[0029]由所述瀏覽器主進程對所述第一圖片的網(wǎng)址進行圖片正則表達式匹配,以獲取第二圖片的網(wǎng)址;
[0030]由所述瀏覽器主進程根據(jù)所述第二圖片的網(wǎng)址,下載所述第二圖片。
[0031〕 優(yōu)選地,所述創(chuàng)建一窗口,并將所述第二圖片加載至所述窗口中展示包括:由瀏覽器主進程創(chuàng)建一窗口,并將所述第二圖片加載至所述窗口中展示。
[0032]優(yōu)選地,所述創(chuàng)建一窗口包括:根據(jù)第二圖片的大小尺寸以及鼠標的位置,確定所創(chuàng)建窗口的位置。
[0033]優(yōu)選地,還包括:根據(jù)鼠標在圖片元素上方的移動,調整所述窗口的位置。
[0034]優(yōu)選地,還包括:加載并展示針對當前圖片元素的功能接口 ;所述功能接口包括全屏播放接口、和/或分享接口、和/或保存接口、和/或瀏覽器設置接口;其中,所述全屏播放接口包括將所述第一圖片進行全屏播放;所述分享接口包括將所述第一圖片發(fā)送至第一終端、和丨或將所述第一圖片分享至第三網(wǎng)站、和丨或為所述第一圖片生成二維碼;所述保存接口包括將所述第一圖片進行保存。
[0035]依據(jù)本發(fā)明的另外一個方面,提供了一種瀏覽器中對網(wǎng)頁中圖片進行顯示裝置,包括:
[0036]監(jiān)聽模塊,適于監(jiān)聽網(wǎng)頁中圖片元素上的鼠標懸停事件;
[0037]第二圖片獲取模塊,適于若監(jiān)聽到網(wǎng)頁中圖片元素上的鼠標懸停事件,則針對所述圖片元素中的第一圖片,獲取對應所述第一圖片的第二圖片;
[0038]展示模塊,適于創(chuàng)建一窗口,并將所述第二圖片加載至所述窗口中展示。
[0039]優(yōu)選地,在監(jiān)聽模塊之前,還包括:
[0040]網(wǎng)址匹配模塊,適于針對當前網(wǎng)頁文檔對應的網(wǎng)址,根據(jù)以正則表達式構建的網(wǎng)址匹配規(guī)則和/或預置的網(wǎng)址名單,對所述網(wǎng)址進行匹配;根據(jù)匹配結果判斷出所述網(wǎng)頁文檔為帶有圖片元素的特定網(wǎng)頁。
[0041]優(yōu)選地,所述網(wǎng)址匹配模塊,包括:
[0042]主站網(wǎng)址匹配模塊,適于根據(jù)以正則表達式構建的主站網(wǎng)址匹配規(guī)則,判斷所述網(wǎng)址是否為預定的主站的網(wǎng)址;
[0043]站內網(wǎng)址匹配模塊,適于如果所述網(wǎng)址為預定的主站的網(wǎng)址,則根據(jù)以正則表達式構建的站內網(wǎng)址匹配規(guī)則,判斷所述網(wǎng)址對應的網(wǎng)頁是否為站內帶有圖片元素的特定網(wǎng)頁。
[0044]優(yōu)選地,所述網(wǎng)址匹配模塊包括:
[0045]主進程匹配模塊,適于通過瀏覽器主進程針對當前網(wǎng)頁文檔對應的網(wǎng)址,根據(jù)以正則表達式構建的網(wǎng)址匹配規(guī)則和/或預置的網(wǎng)址名單,對所述網(wǎng)址進行匹配;根據(jù)匹配結果判斷出所述網(wǎng)頁文檔為帶有圖片元素的特定網(wǎng)頁。
[0046]優(yōu)選地,在監(jiān)聽模塊之前,還包括:
[0047]圖片元素過濾模塊,適于針對網(wǎng)頁中的圖片元素,根據(jù)預置的圖片規(guī)則對所述圖片元素進行過濾。
[0048]優(yōu)選地,所述圖片元素過濾模塊,包括:
[0049]尺寸過濾模塊,適于判斷所述圖片元素中第一圖片尺寸是否達到第一閾值;如果未達到,則進入監(jiān)聽模塊;如果達到,則不進入監(jiān)聽模塊。
[0050]優(yōu)選地,所述圖片元素過濾模塊,包括:
[0051]節(jié)點過濾模塊,適于將所述圖片元素屬于廣告節(jié)點的圖片元素、導航欄節(jié)點的圖片元素、非正文節(jié)點的圖片元素中的一個或者多個進行過濾。
[0052]優(yōu)選地,所述圖片元素過濾模塊包括:
[0053]網(wǎng)頁進程過濾模塊,適于由所述展示網(wǎng)頁的網(wǎng)頁進程執(zhí)行針對網(wǎng)頁中的圖片元素,根據(jù)預置的圖片規(guī)則對所述圖片元素進行過濾。
[0054]優(yōu)選地,所述第二圖片獲取模塊包括:
[0055]所述第一圖片網(wǎng)址獲取模塊包括:
[0056]初始網(wǎng)址獲取模塊,適于由展示所述網(wǎng)頁的網(wǎng)頁進程獲取所述圖片元素中對應第一圖片的網(wǎng)址,并將所述第一圖片的網(wǎng)址發(fā)送給瀏覽器主進程;
[0057]所述第二圖片網(wǎng)址獲取模塊包括:
[0058]替換網(wǎng)址獲取模塊,適于由瀏覽器主進程對所述第一圖片的網(wǎng)址進行圖片正則表達式匹配,以獲取第二圖片的網(wǎng)址;
[0059]所述第二圖片下載模塊包括:
[0060]圖片下載模塊,適于由瀏覽器主進程根據(jù)所述第二圖片的網(wǎng)址,下載所述第二圖片。
[0061]優(yōu)選地,所述第一圖片網(wǎng)址獲取模塊包括:
[0062]初始網(wǎng)址獲取模塊,適于由展示所述網(wǎng)頁的網(wǎng)頁進程獲取所述圖片元素中對應第一圖片的網(wǎng)址,并將所述第一圖片的網(wǎng)址發(fā)送給瀏覽器主進程;
[0063]所述第二圖片網(wǎng)址獲取模塊包括:
[0064]替換網(wǎng)址獲取模塊,適于由瀏覽器主進程對所述第一圖片的網(wǎng)址進行圖片正則表達式匹配,以獲取第二圖片的網(wǎng)址;
[0065]所述第二圖片下載模塊包括:
[0066]圖片下載模塊,適于由瀏覽器主進程根據(jù)所述第二圖片的網(wǎng)址,下載所述第二圖片。
[0067]優(yōu)選地,所述展示模塊包括:主進程展示模塊,適于由瀏覽器主進程創(chuàng)建一窗口,并將所述第二圖片加載至所述窗口中展示。
[0068]優(yōu)選地,所述展示模塊包括:位置確定模塊,適于根據(jù)第二圖片的大小尺寸以及鼠標的位置,確定所創(chuàng)建窗口的位置。
[0069]優(yōu)選地,還包括:位置移動模塊,適于根據(jù)鼠標在圖片元素上方的移動,調整所述窗口的位置。
[0070]優(yōu)選地,還包括:
[0071]接口展示模塊,適于加載并展示針對當前圖片元素的功能接口 ;所述功能接口包括全屏播放接口、和/或分享接口、和/或保存接口、和/或瀏覽器設置接口;其中,所述全屏播放接口包括將所述第一圖片進行全屏播放;所述分享接口包括將所述第一圖片發(fā)送至第一終端、和丨或將所述第一圖片分享至第三網(wǎng)站、和丨或為所述第一圖片生成二維碼;所述保存接口包括將所述第一圖片進行保存。
[0072]根據(jù)本發(fā)明的瀏覽器中對網(wǎng)頁中圖片進行顯示方法和裝置,可以在用戶鼠標懸停至圖片元素上時,直接針對圖片元素中第一圖片,獲取與對應第一圖片的第二圖片,然后在瀏覽器界面中創(chuàng)建一窗口,將所述第二圖片加載至所述窗口中展示,那么對于像素尺寸較小的第一圖片,即可通過本發(fā)明獲取像素尺寸較大的第二圖片,由此解決了由于網(wǎng)頁中圖片可能較小的情況,導致用戶無法清楚觀看圖片內容的問題,取得了用戶可以直接在網(wǎng)頁上方,通過在圖片元上懸停鼠標的操作即可實現(xiàn)清楚完整地觀看所述圖片內容的有益效果。
[0073]上述說明僅是本發(fā)明技術方案的概述,為了能夠更清楚了解本發(fā)明的技術手段,而可依照說明書的內容予以實施,并且為了讓本發(fā)明的上述和其它目的、特征和優(yōu)點能夠更明顯易懂,以下特舉本發(fā)明的【具體實施方式】。
【專利附圖】
【附圖說明】
[0074]通過閱讀下文優(yōu)選實施方式的詳細描述,各種其他的優(yōu)點和益處對于本領域普通技術人員將變得清楚明了。附圖僅用于示出優(yōu)選實施方式的目的,而并不認為是對本發(fā)明的限制。而且在整個附圖中,用相同的參考符號表示相同的部件。在附圖中:
[0075]圖1示出了根據(jù)本發(fā)明一個實施例的一種瀏覽器中對網(wǎng)頁中圖片進行顯示方法的流程示意圖;
[0076]圖1八和圖18示出了圖1實施例的具體示例;
[0077]圖2示出了根據(jù)本發(fā)明一個實施例的一種瀏覽器中對網(wǎng)頁中圖片進行顯示方法的流程示意圖;
[0078]圖3示出了根據(jù)本發(fā)明一個實施例的一種瀏覽器中對網(wǎng)頁中圖片進行顯示方法的流程示意圖;
[0079]圖4示出了根據(jù)本發(fā)明一個實施例的一種瀏覽器中對網(wǎng)頁中圖片進行顯示方法的流程示意圖;
[0080]圖5示出了根據(jù)本發(fā)明一個實施例的一種瀏覽器中對網(wǎng)頁中圖片進行顯示裝置的結構不意圖;
[0081]圖6示出了根據(jù)本發(fā)明一個實施例的一種瀏覽器中對網(wǎng)頁中圖片進行顯示裝置的結構不意圖;
[0082]圖7示出了根據(jù)本發(fā)明一個實施例的一種瀏覽器中對網(wǎng)頁中圖片進行顯示裝置的結構不意圖;
[0083]圖8示出了根據(jù)本發(fā)明一個實施例的一種瀏覽器中對網(wǎng)頁中圖片進行顯示裝置的結構示意圖。
【具體實施方式】
[0084]下面將參照附圖更詳細地描述本公開的示例性實施例。雖然附圖中顯示了本公開的示例性實施例,然而應當理解,可以以各種形式實現(xiàn)本公開而不應被這里闡述的實施例所限制。相反,提供這些實施例是為了能夠更透徹地理解本公開,并且能夠將本公開的范圍完整的傳達給本領域的技術人員。
[0085]本發(fā)明的核心思想之一在于:由于實際的網(wǎng)頁應用中,圖床服務器對于同一內容的圖片的存儲一般分為大像素尺寸圖片和小像素尺寸圖片兩種,而在網(wǎng)頁中,由于頁面結構的限制,網(wǎng)頁中一般展示的是小像素尺寸圖片。本發(fā)明實施例對于網(wǎng)頁中展示的第一圖片,當用戶操作鼠標懸停至該圖片之上時,本發(fā)明實施例則提取與該第一圖片對應的第二圖片,然后創(chuàng)建一個窗口,將所述第二圖片加載至所述窗口中展示。如此,可以直接在瀏覽器窗口中將與網(wǎng)頁中第一圖片展示相同內容的第二圖片進行展示,不用改變網(wǎng)頁本身的展示結構,也不用進行點擊進入類似相冊的展示界面,即可使用戶清楚、完整地查看圖片內容,用戶操作簡單,不會影響用戶對頁面的正常瀏覽,實現(xiàn)了輕量化的放大化圖片展示。
[0086]實施例一
[0087]參照圖1,其示出了本發(fā)明一種瀏覽器中對網(wǎng)頁中圖片進行顯示方法的流程示意圖,具體可以包括:
[0088]步驟110,監(jiān)聽網(wǎng)頁中圖片元素上的鼠標懸停事件;
[0089]在實際應用中,肌見文檔中的圖片元素一般是圖片標簽〈1呢? 定義圖片元素,其原型大致為“〈1呢 81-0 = 〃 圖片路徑〃界 1(11:11 == 〃7〃已1七=〃〃/= ” 圖片路徑〃,圖片路徑一般為網(wǎng)址,即1111(統(tǒng)一資源定位符,11111x61*8511 1^680111-06 10081:01-),瀏覽器的渲染引擎讀取到該段代碼時,會根據(jù)相應的圖床服務器下載圖片進行渲染; = 表示圖片在網(wǎng)頁中展示的寬,= 〃7〃表示圖片在網(wǎng)頁中展示的高,11(1^1、1161曲〖兩者合起來就表示圖片元素的尺寸大小汸設置對這張圖片文字描述。對于圖片元素,11X11文檔中的033文件會確定其在網(wǎng)頁中的位置。
[0090]本發(fā)明實施例中,當瀏覽器從服務器獲取!1111文檔并渲染展示到網(wǎng)頁中后,用戶在瀏覽網(wǎng)頁的過程中,瀏覽器會監(jiān)聽網(wǎng)頁中圖片元素上的鼠標懸停事件,比如監(jiān)控前述?11118?標簽所在區(qū)域上的鼠標懸停事件,比如111011860^61~事件。
[0091]如圖1八,為本發(fā)明實施例簡要的瀏覽器示意圖,在圖1八中,3112為在顯示視窗,其中展示瀏覽器的網(wǎng)頁,3116為標簽欄,沒個標簽欄下面對應一個網(wǎng)頁,當前切換標簽欄中的七處標簽時中展示的網(wǎng)頁隨著改變。當前3112中展示的為111:1:1)://11?).歐.⑶/的頁面,其中有圖片元素3114正在展示。那么本發(fā)明偵聽3114上是否有鼠標懸停事件。當前顯示視窗3112中展示的網(wǎng)頁內容為七處標簽“360”下的內容,標簽“新標簽”下的內容可在用戶點擊“新標簽”后在3112中展不。
[0092]其中,監(jiān)聽網(wǎng)頁中圖片元素上的鼠標懸停事件過程可以包括:
[0093]八1,監(jiān)聽鼠標在網(wǎng)頁中的011111011860^61事件;
[0094]八2,如果監(jiān)聽到011111011860^61'事件,獲取鼠標當前在網(wǎng)頁中的坐標;
[0095]比如通過函數(shù)獲取鼠標在頁面顯示視窗中的橫坐標,通過6乂611七0116111:1函數(shù)獲取鼠標在頁面顯示視窗中的縱坐標,通過(10(3111116111:.化辦.801~01116^1:獲取網(wǎng)頁向右卷的長度,通過(10(3111116111:.化辦.801-011101)獲取網(wǎng)頁向上卷積的長度,那么鼠標在網(wǎng)頁中的橫坐標 1:6111與=6乂611七 0116111:^+(100111116111:.^辦.801~01116?!:,縱坐標為七6即7
=6乂611七 0116111:1+(100111116111:.)30(17.8(^011?。?br>
[0096]43,獲取網(wǎng)頁中圖片元素的坐標區(qū)域;
[0097]比如獲取每個圖片元素相對于網(wǎng)頁頂部的如?值以及相對于網(wǎng)頁左側的16代值,即可知道圖片元素的坐標區(qū)域右上角的坐標16代),然后獲取圖片元素的#(1訪、即可計算圖片元素矩形區(qū)域的坐標范圍,比如圖片元素橫坐標的范圍為16?1:十界 1(11:11,縱坐標的范圍為 1:013-11618111:。
[0098]八4,判斷鼠標當前的坐標是否在所述某個圖片元素的坐標區(qū)域內,如果是則判斷鼠標懸停于該圖片元素之上;
[0099]那么判斷所述丨6111的、丨6卹7分別屬于哪個(丨一代,16^1:+^1(11:11) ?
七叩)內的坐標,當鼠標的坐標均在某個坐標區(qū)域內,則確定鼠標懸停于坐標區(qū)域對應的圖片元素之上。進入后續(xù)步驟。
[0100]當然還可通過其他方式監(jiān)聽網(wǎng)頁中圖片元素上的鼠標懸停事件,比如獲取圖片元素在顯示視窗中的坐標區(qū)域,以及鼠標在顯示視窗中的坐標,即可判斷鼠標是否懸停于圖片元素之上。具體監(jiān)聽過程,本發(fā)明不對其加以限制。
[0101]步驟120,若監(jiān)聽到網(wǎng)頁中圖片元素上的鼠標懸停事件,則針對所述圖片元素中的第一圖片,獲取對應所述第一圖片的第二圖片;
[0102]在本發(fā)明中,當監(jiān)聽到網(wǎng)頁中某一圖片元素上的鼠標懸停事件,則針對所述圖片元素中的第一圖片,從圖片服務器獲取對應所述第一圖片的第二圖片。在本發(fā)明實施例中第二圖片為像素尺寸比第一圖片大的圖片,并且第二圖片與第一圖片展示的內容相同。
[0103]步驟130,創(chuàng)建一窗口,并將所述第二圖片加載至所述窗口中展示。
[0104]在獲取了第二圖片后,即可創(chuàng)建一個新窗口,將所述第二圖片加載至所述窗口中展示。在創(chuàng)建新窗口時,可根據(jù)第二圖片的像素尺寸進行創(chuàng)建,一般直接根據(jù)第二圖片像素尺寸大小創(chuàng)建一個相應大小的窗口即可。在本發(fā)明實施例中瀏覽器可以調用窗口創(chuàng)建函數(shù)創(chuàng)建窗口,比如調用06511:61111(10?函數(shù)創(chuàng)建窗口。
[0105]當然在本發(fā)明中,新窗口可創(chuàng)建在顯示視窗之內,方便用戶查看。在本發(fā)明中只要將新創(chuàng)建的窗口的父窗口設置為瀏覽器顯示視窗即可將新創(chuàng)建的窗口限定在瀏覽器顯示視窗之中。
[0106]在本發(fā)明實施例中,將所述獲取的第二圖片加載時所述窗口中展示時,可先對第二圖片進行解碼,然后才能加載至所述窗口中展示。
[0107]所述創(chuàng)建一窗口包括:
[0108]子步驟3132,根據(jù)第二圖片的大小尺寸以及鼠標的位置,確定所創(chuàng)建窗口的位置。
[0109]本發(fā)明實施例中,可將新建的窗口建于鼠標旁邊,并且可直接根據(jù)第二圖片像素尺寸大小創(chuàng)建一個相應大小的窗口。
[0110]參考圖18,其為本發(fā)明新建窗口展示后的示例,當鼠標3118懸停于3114指示的圖片元素之上,本發(fā)明實施例則獲取小像素尺寸的“樣例圖”對應的大像素尺寸的“樣例圖”,然后在鼠標3118附近新建一個與大像素尺寸的“樣例圖”大小想當?shù)男麓翱?,將所述大像素尺寸的“樣例圖”加載至新窗口中展示,即圖18中的3120。如此用戶即可更清楚的觀看網(wǎng)頁中出現(xiàn)的圖片元素。并且,此時用戶繼續(xù)滾動鼠標滾輪,網(wǎng)頁可以繼續(xù)滑動,不影響用戶對網(wǎng)頁的操作。
[0111]當然,在本發(fā)明中,窗口的大小一般不超過顯示視窗的大小,如果第二圖片的像素尺寸大于顯示視窗的大小,比如圖片的高度大于顯示視窗的高度,那么只新窗口的高度則為顯示視窗的高度,顯示視窗的寬度的設置原理類似高度。對于該種情況,可以增設控制鍵,比如方向鍵,用戶可以再操作方向鍵滾動圖片在新窗口中的顯示位置,方便用戶瀏覽。
[0112]當偵聽到鼠標移出事件,比如011111011860111:事件,貝丨』關閉所述窗口,還可釋放渲染所述第二圖片的內存。
[0113]優(yōu)選地,還包括:
[0114]步驟140,根據(jù)鼠標在圖片元素上方的移動,調整所述窗口的位置。
[0115]在新窗口創(chuàng)建并將第二圖片渲染至所述窗口之后,如果用戶移動鼠標位置時,將所述窗口跟隨鼠標坐標的移動而移動。
[0116]在本發(fā)明實施例中,如果新建窗口初始創(chuàng)建在鼠標右側,而鼠標向右側移動時,如果鼠標位置到顯示視窗右側的距離小于窗口的寬度,將窗口移動至鼠標左側展示。其他情形類似處理。
[0117]優(yōu)選地,還包括:
[0118]步驟150,加載并展示針對當前圖片元素的功能接口 ;所述功能接口包括全屏播放接口、和/或分享接口、和/或保存接口、和/或瀏覽器設置接口;其中,所述全屏播放接口包括將所述第一圖片進行全屏播放;所述分享接口包括將所述第一圖片發(fā)送至第一終端、和丨或將所述第一圖片分享至第三網(wǎng)站、和丨或為所述第一圖片生成二維碼;所述保存接口包括將所述第一圖片進行保存。
[0119]當在圖片元素之上聽到鼠標懸停事件或者第二圖片在新建窗口中展示后,則加載并展示針對當前圖片元素的功能接口 ;所述功能接口包括全屏播放接口、和丨或分享接口、和丨或保存接口、和丨或瀏覽器設置接口 ;其中,所述全屏播放接口包括將所述第一圖片進行全屏播放;所述分享接口包括將所述第一圖片發(fā)送至第一終端(比如調用手機助手將第一圖片發(fā)送至手機端〉、和/或將所述第一圖片分享至第三網(wǎng)站(比如將第一圖片分享至人人網(wǎng)、新浪微博等網(wǎng)站)、和/或為所述第一圖片生成二維碼,用戶采用其他終端掃描該二維碼后,則可打開或者下載第一圖片;所述保存接口包括將所述第一圖片進行保存,比如將網(wǎng)頁中的第一圖片從內存中提取然后保存至磁盤中。
[0120]當然,在本發(fā)明實施例中,可預先在瀏覽器中預置網(wǎng)頁圖片放大鏡的功能,即實施前述步驟的邏輯。預置該功能時,可以通過多種形式嵌入瀏覽器中。比如對于也1*01116瀏覽器,可通過插件/擴展的形式將上述邏輯嵌入瀏覽器,也可以直接將上述邏輯寫入瀏覽器的執(zhí)行代碼中;對于瀏覽器,則可以通過8110(81^86:^(^知⑶,瀏覽器輔助對象)將上述邏輯的插件嵌入瀏覽器中。對于其他瀏覽器也可采用類似措施,本發(fā)明不對其加以限制。
[0121]在^^網(wǎng)頁應用中,圖片提供方一般會在圖床服務器上,對同一內容的圖片存儲兩張圖片,一張為小像素尺寸的圖片,一張為大像素尺寸的圖片;其小像素尺寸的圖片可能是由大像素尺寸圖片截取的一部分,也可能直接是由大像素尺寸圖片降低像素尺寸而來。而由于網(wǎng)頁(:33樣式布局習慣,為了不影響用戶對網(wǎng)頁的整體瀏覽器,一般網(wǎng)頁的肌11文檔中,其圖片元素引用的圖片路徑基本上為小尺寸圖片的網(wǎng)址,那么在這種情況下,對于用戶來說,可能由于圖片較小而無法清楚地觀看圖片,也可能由于圖片只是原圖的一部分而無法完整地觀看原圖。
[0122]而本發(fā)明實施例對于網(wǎng)頁中展示的第一圖片,當用戶操作鼠標懸停至該圖片之上時,本發(fā)明實施例則提取與該第一圖片對應的第二圖片,然后創(chuàng)建一個窗口,將所述第二圖片加載至所述窗口中展示。如此,可以直接在瀏覽器窗口中將與網(wǎng)頁中第一圖片展示相同內容的第二圖片進行展示,不用改變網(wǎng)頁本身的展示結構,也不用進行點擊進入類似相冊的展示界面,即可使用戶清楚、完整地查看圖片內容,用戶操作簡單,不會影響用戶對頁面的正常瀏覽,實現(xiàn)了輕量化的放大化圖片展示。
[0123]實施例二
[0124]參照圖2,其示出了本發(fā)明一種瀏覽器中對網(wǎng)頁中圖片進行顯示方法的流程示意圖,具體可以包括:
[0125]步驟210,針對當前網(wǎng)頁文檔對應的網(wǎng)址,根據(jù)以正則表達式構建的網(wǎng)址匹配規(guī)則和/或預置的網(wǎng)址名單,對所述網(wǎng)址進行匹配;根據(jù)匹配結果判斷出所述網(wǎng)頁文檔為帶有圖片元素的特定網(wǎng)頁;
[0126]由于很多網(wǎng)頁的圖片元素并不具備實質意義,只是廣告、簡介等圖片,對于這些網(wǎng)頁,如果也啟動本發(fā)明的后續(xù)步驟,則會增加瀏覽器占用的資源,為了避免該種情況,本發(fā)明會對瀏覽器打開的網(wǎng)頁進行篩選,符合條件的網(wǎng)頁才執(zhí)行本發(fā)明的后續(xù)過程。
[0127]本發(fā)明實施例可通過對各網(wǎng)站的進行分析,以正則表達式構建的網(wǎng)址匹配規(guī)貝0,對所述網(wǎng)址進行匹配過濾;當然,也可以直接對構建網(wǎng)址名單,將網(wǎng)址名單中的網(wǎng)址執(zhí)行本發(fā)明實施例的過程。上述兩種匹配方式可以同時使用,也可以單獨使用。同時使用時,一般先用典型網(wǎng)站的網(wǎng)址名單進行快速匹配,匹配不上再用正則表達式構建的網(wǎng)址匹配規(guī)則進行匹配。如果是典型網(wǎng)站的^此,則不用執(zhí)行后者的匹配,節(jié)省資源。
[0128]優(yōu)選地,所述根據(jù)以正則表達式構建的網(wǎng)址匹配規(guī)則和/或預置的網(wǎng)址名單,對所述網(wǎng)址進行匹配,包括:
[0129]子步驟3212,根據(jù)以正則表達式構建的主站網(wǎng)址匹配規(guī)則,判斷所述網(wǎng)址是否為預定的主站的網(wǎng)址;
[0130]本發(fā)明實施例可先以網(wǎng)站為單位進行網(wǎng)址過濾,過濾掉不適于使用本發(fā)明圖片放大鏡功能的網(wǎng)站。先以正則表達式構建的主站網(wǎng)址匹配規(guī)則,然后將瀏覽器打開的網(wǎng)址與所述主站網(wǎng)址匹配規(guī)則進行匹配,判斷所述網(wǎng)址是否為預定的主站的網(wǎng)址。
[0131]比如構建主站網(wǎng)址匹配規(guī)則“111:1:1)8 ?:// (^+^.) ? 161)30^.(30111/.^”,該主站網(wǎng)址匹配規(guī)則是判斷網(wǎng)址是否是冊讓0網(wǎng)站的網(wǎng)址。如果是則進入步驟3214;
[0132]子步驟3214,如果所述網(wǎng)址為預定的主站的網(wǎng)址,則根據(jù)以正則表達式構建的站內網(wǎng)址匹配規(guī)則,判斷所述網(wǎng)址對應的網(wǎng)頁是否為站內帶有圖片元素的特定網(wǎng)頁。
[0133]在確定瀏覽器打開的網(wǎng)址是某個主站的網(wǎng)址后,在對網(wǎng)址進行下一步匹配,過濾掉圖片元素不適于執(zhí)行本發(fā)明實施例圖片放大鏡功能的網(wǎng)址。因為很多網(wǎng)站下面的很多子網(wǎng)頁并不存在具備實際內容的圖片元素,比如像新浪微博網(wǎng)站下的用戶信息管理網(wǎng)頁、
網(wǎng)頁等子網(wǎng)頁。
[0134]本發(fā)明實施例則先以正則表達式構建的站內網(wǎng)址匹配規(guī)則,然后將瀏覽器打開的網(wǎng)址與所述站內網(wǎng)址匹配規(guī)則進行匹配,判斷所述網(wǎng)址是否為預定的子網(wǎng)址。
[0135]比如站內網(wǎng)址匹配規(guī)則
[0136]“111:1:1)8 ?00111/.1111:1:1)8 ?
00111/.^ | 1111:1:1)8 ?://^61)30^.00111/10^111.?.氺”其過濾掉帶有
^61)30^.00111” 的子網(wǎng)址,或者過濾掉帶有 “111:1:1)8 ?://861^1(36^.^61)30^.00111廠’的子網(wǎng)址,或者過濾掉帶有?://^61)30^.(30111/108111.迪!)”的子網(wǎng)址。
[0137]那么對于冊讓0網(wǎng)站,只保留用戶提供正文內容的網(wǎng)頁,比如用戶發(fā)表的評論、照片的網(wǎng)頁。
[0138]步驟220,針對網(wǎng)頁中的圖片元素,根據(jù)預置的圖片規(guī)則對所述圖片元素進行過濾;
[0139]在本發(fā)明實施例中,不必對所有的圖片元素進行本發(fā)明實施例的圖片放大鏡功能??梢詫Σ恍枰獔?zhí)行本發(fā)明圖片放大鏡功能的圖片元素進行過濾。對保留的圖片元素進入步驟230。
[0140]優(yōu)選地,所述針對網(wǎng)頁中的圖片元素,根據(jù)預置的圖片規(guī)則對所述圖片元素進行過濾,包括:
[0141]子步驟3222,判斷所述圖片元素中第一圖片尺寸是否達到第一閾值;如果未達至I』,則監(jiān)聽所述圖片元素上的鼠標懸停事件;如果達到,則不監(jiān)聽所述圖片元素上的鼠標懸停事件。
[0142]在實際應用中,圖片元素中第一圖片的像素尺寸可能已經(jīng)足夠用戶看清楚圖片內容,那么可以不監(jiān)聽該種圖片元素上的鼠標懸停事件,進而不用獲取對應第一圖片的第二圖片。
[0143]在本發(fā)明實施例中,所述第一閾值為圖片元素中第一圖片尺寸的最大像素值,比如200*200 ;如果大于等于第一閾值,則不進入步驟230,如果小于第一閾值,則進入步驟230。
[0144]優(yōu)選地,所述針對網(wǎng)頁中的圖片元素,根據(jù)預置的圖片規(guī)則對所述圖片元素進行過濾,包括:
[0145]子步驟3224,將所述圖片元素屬于廣告節(jié)點的圖片元素、導航欄節(jié)點的圖片元素、非正文節(jié)點的圖片元素中的一個或者多個進行過濾。
[0146]在實際應用中,網(wǎng)頁中可能存在廣告圖片、導航欄圖片、非正文部分的圖片等在用戶習慣上不怎么關注的圖片,那么即可把這些圖片所在的圖片元素進行過濾。
[0147]當然,本發(fā)明在過濾是可以直接將文檔節(jié)點等非圖片元素節(jié)點進行忽略。
[0148]步驟230,對于過濾后的圖片元素,監(jiān)聽網(wǎng)頁中圖片元素上的鼠標懸停事件;若監(jiān)聽到網(wǎng)頁中圖片元素上的鼠標懸停事件,進入步驟240 ;
[0149]步驟240,則針對所述圖片元素中的第一圖片,獲取對應所述第一圖片的第二圖片;
[0150]優(yōu)選地,針對所述圖片元素中的第一圖片,獲取對應所述第一圖片的第二圖片包括:
[0151]子步驟3242,獲取所述圖片元素中對應第一圖片的網(wǎng)址;
[0152]在實際應用中,瀏覽器是根據(jù)圖片元素中第一圖片的網(wǎng)址下載圖片進行渲染的,本發(fā)明實施例則獲取第一圖片的網(wǎng)址。
[0153]子步驟3244,對所述第一圖片的網(wǎng)址進行圖片正則表達式匹配,以獲取第二圖片的網(wǎng)址;
[0154]本發(fā)明實施例針對各網(wǎng)站的采用的圖片服務器的網(wǎng)址,以正則表達式構建圖片正則表達式匹配規(guī)則,對第一圖片的網(wǎng)址進行匹配,以將第一圖片的網(wǎng)址中的小尺寸像素圖片路徑替換為大尺寸像素圖片路徑,然后即可獲得第二圖片的網(wǎng)址。
[0155]比如針對新浪微博的網(wǎng)站構建正則表達式“((?:^| 88) 8111811118^.011/) ( ? | 1:11111111311811 | 08 I 8土? | 即邑))獅\1181^6\2 | | ( ( ? | 88) ^(1+ (/.+^.( ?:允6 ?8 | 81? I ¢118) ) @@\1800\2 | | 811181111^\? 011/.+ ? /)(7: ^(1+^) +^(1+ (^.( ?:允6 ?^ | ^1?卯邑))@@^12000x2000x100x0x0x0X2 I I (隱^+人.811181111^\? 01/) \己十(/^6171117^6\? 11111810^.81118^.00111^.011/.+ ? \? ( ?:允6 ? ^ | ^1? | ¢11?) ) @@\1240\2 11((^:界界 | 88) \己十\? 811181111^\? 011/) ( ?: 1:111111113^(1+ | 8叫&!'6 1111^^(1+ 11111(1(116) (/.+) 11已1^6\2,,
[0156]上述四個“ | | ”分開了 5個圖片正則表達式,每個正則表達式表示替換一個將將第一圖片的網(wǎng)址中的小尺寸像素圖片路徑替換為小尺寸像素圖片路徑的規(guī)則。
[0157]比如對于小圖的網(wǎng)址811181111?.01/1:111111113150/67(1(17460^16^7011911111-2^200808^8.允利用上述圖片正則表達式進行匹配,知道要將第二個字段“讓111^150”替換為大尺寸像素圖片路徑,如“1犯'陰”,那么得到第二圖片的網(wǎng)址為“仏如:77界界4811181111?.011/181-^6/67(1(17460^16^7011911111-2^20080888138.
[0158]子步驟3246,根據(jù)所述第二圖片的網(wǎng)址,下載所述第二圖片。
[0159]然后幾個根據(jù)第二圖片的網(wǎng)址,從圖片服務器下載第二圖片,在后續(xù)步驟中進行加載展示。
[0160]步驟250,創(chuàng)建一窗口,并將所述第二圖片加載至所述窗口中展示。
[0161]在本發(fā)明實施例中前述網(wǎng)址匹配規(guī)則、網(wǎng)站名單以及圖片元素過濾規(guī)則均可以配置文件的形式進行存儲,瀏覽器啟動時則讀取所述配置文件。
[0162]本發(fā)明與實施例一類似的步驟原理類似,在此不再詳述。
[0163]而本發(fā)明實施例可對瀏覽器打開的網(wǎng)頁進行過濾,保留對于用戶來說,最習慣查看圖片的網(wǎng)站,也可對瀏覽器打開的網(wǎng)頁中的圖片元素進行過濾,比如過濾到廣告圖片、導航圖片等,保留用戶最關注的圖片元素,那么對于網(wǎng)頁中展示的第一圖片,當用戶操作鼠標懸停至該圖片之上時,本發(fā)明實施例則提取與該第一圖片對應的第二圖片,然后創(chuàng)建一個窗口,將所述第二圖片加載至所述窗口中展示。如此,可以更精準的直接在瀏覽器窗口中將與網(wǎng)頁中第一圖片展示相同內容的第二圖片進行展示,不用改變網(wǎng)頁本身的展示結構,也不用進行點擊進入類似相冊的展示界面,即可使用戶清楚、完整地查看圖片內容,用戶操作簡單,不會影響用戶對頁面的正常瀏覽,實現(xiàn)了輕量化的放大化圖片展示;并且,由于過濾了前述網(wǎng)址和圖片元素,可以不用彈出用戶不關注的圖片展示窗口,同時節(jié)省系統(tǒng)資源。
[0164]實施例三
[0165]參照圖3,其示出了本發(fā)明一種瀏覽器中對網(wǎng)頁中圖片進行顯示方法的流程示意圖,具體可以包括:
[0166]步驟310,根據(jù)以正則表達式構建的主站網(wǎng)址匹配規(guī)則,判斷所述網(wǎng)址是否為預定的主站的網(wǎng)址;如果所述網(wǎng)址為預定的主站的網(wǎng)址,則進入步驟312 ;
[0167]步驟312,根據(jù)以正則表達式構建的站內網(wǎng)址匹配規(guī)則,判斷所述網(wǎng)址對應的網(wǎng)頁是否為站內帶有圖片元素的特定網(wǎng)頁;如果所述網(wǎng)址對應的網(wǎng)頁是站內帶有圖片元素的特定網(wǎng)頁;則進入步驟314;
[0168]步驟314,將所述圖片元素屬于廣告節(jié)點的圖片元素、導航欄節(jié)點的圖片元素、非正文節(jié)點的圖片元素中的一個或者多個進行過濾;進入步驟316 ;
[0169]步驟316,判斷所述圖片元素中第一圖片尺寸是否達到第一閾值;如果未達到,貝1]進入步驟318 ;如果達到,則不進行后續(xù)操作。
[0170]步驟318,監(jiān)聽網(wǎng)頁中圖片元素上的鼠標懸停事件;若監(jiān)聽到網(wǎng)頁中圖片元素上的鼠標懸停事件,進入步驟320 ;
[0171]即監(jiān)聽網(wǎng)頁中未達到第一圖片尺寸的圖片元素上的鼠標懸停事件,如果監(jiān)聽到網(wǎng)頁中圖片元素上的鼠標懸停事件,進入步驟320 ;如果未監(jiān)聽,則不進入后續(xù)步驟。
[0172]步驟320,獲取所述圖片元素中對應第一圖片的網(wǎng)址;
[0173]步驟322,對所述第一圖片的網(wǎng)址進行圖片正則表達式匹配,以獲取第二圖片的網(wǎng)址;
[0174]步驟324,根據(jù)所述第二圖片的網(wǎng)址,下載所述第二圖片;
[0175]步驟326,創(chuàng)建一窗口,并將所述第二圖片加載至所述窗口中展示。
[0176]本發(fā)明與實施例一至二類似的步驟原理類似,在此不再詳述。
[0177]而本發(fā)明實施例可對瀏覽器打開的網(wǎng)頁進行過濾,保留對于用戶來說,最習慣查看圖片的網(wǎng)站,也可對瀏覽器打開的網(wǎng)頁中的圖片元素進行過濾,比如過濾到廣告圖片、導航圖片等,保留用戶最關注的圖片元素,那么對于網(wǎng)頁中展示的第一圖片,當用戶操作鼠標懸停至該圖片之上時,本發(fā)明實施例則提取與該第一圖片對應的第二圖片,然后創(chuàng)建一個窗口,將所述第二圖片加載至所述窗口中展示。如此,可以更精準的直接在瀏覽器窗口中將與網(wǎng)頁中第一圖片展示相同內容的第二圖片進行展示,不用改變網(wǎng)頁本身的展示結構,也不用進行點擊進入類似相冊的展示界面,即可使用戶清楚、完整地查看圖片內容,用戶操作簡單,不會影響用戶對頁面的正常瀏覽,實現(xiàn)了輕量化的放大化圖片展示;并且,由于過濾了前述網(wǎng)址和圖片元素,可以不用彈出用戶不關注的圖片展示窗口,同時節(jié)省系統(tǒng)資源。
[0178]實施例四
[0179]參照圖4,其示出了本發(fā)明一種瀏覽器中對網(wǎng)頁中圖片進行顯示方法的流程示意圖,具體可以包括:
[0180]步驟410,瀏覽器主進程根據(jù)以正則表達式構建的主站網(wǎng)址匹配規(guī)則,判斷所述網(wǎng)址是否為預定的主站的網(wǎng)址;如果所述網(wǎng)址為預定的主站的網(wǎng)址,則進入步驟412 ;
[0181]步驟412,瀏覽器主進程根據(jù)以正則表達式構建的站內網(wǎng)址匹配規(guī)則,判斷所述網(wǎng)址對應的網(wǎng)頁是否為站內帶有圖片元素的特定網(wǎng)頁;如果所述網(wǎng)址對應的網(wǎng)頁是站內帶有圖片元素的特定網(wǎng)頁,則通知當前網(wǎng)頁進程對網(wǎng)頁進行處理,進入步驟414 ;
[0182]步驟414,當前網(wǎng)頁進程將所述圖片元素屬于廣告節(jié)點的圖片元素、導航欄節(jié)點的圖片元素、非正文節(jié)點的圖片元素中的一個或者多個進行過濾;進入步驟416 ;
[0183]步驟416,當前網(wǎng)頁進程判斷所述圖片元素中第一圖片尺寸是否達到第一閾值;如果未達到,則進入步驟418 ;如果達到,則不進行后續(xù)操作。
[0184]步驟418,當前網(wǎng)頁進程監(jiān)聽網(wǎng)頁中圖片元素上的鼠標懸停事件;若監(jiān)聽到網(wǎng)頁中圖片元素上的鼠標懸停事件,進入步驟420 ;
[0185]步驟420,當前網(wǎng)頁進程獲取所述圖片元素中對應第一圖片的網(wǎng)址,并將所述第一圖片的網(wǎng)址發(fā)送給瀏覽器主進程;
[0186]步驟422,瀏覽器主進程對所述第一圖片的網(wǎng)址進行圖片正則表達式匹配,以獲取第二圖片的網(wǎng)址;
[0187]步驟424,瀏覽器主進程根據(jù)所述第二圖片的網(wǎng)址,下載所述第二圖片;
[0188]步驟426,瀏覽器主進程創(chuàng)建一窗口,并將所述第二圖片加載至所述窗口中展示。
[0189]本發(fā)明與實施例一至三類似的步驟原理類似,在此不再詳述。
[0190]本發(fā)明實施例對網(wǎng)址的處理以及對第二圖片的處理均由主進程執(zhí)行,對網(wǎng)頁本身的處理有網(wǎng)頁進程處理,兩者分開,使網(wǎng)頁進程不執(zhí)行過多的與網(wǎng)頁文檔無關的邏輯,避免影響網(wǎng)頁的渲染速度,從而影響用戶對網(wǎng)頁瀏覽的順暢度;并且由瀏覽器主進程對網(wǎng)址的處理以及對第二圖片的處理,可以避免由于網(wǎng)頁進程調用超出權限的函數(shù)而被安全軟件或者廣告攔截功能干擾,比如禁止網(wǎng)頁進程彈窗,使本發(fā)明實施例無法完整執(zhí)行。另外,本發(fā)明實施例可以更精準的直接在瀏覽器窗口中將與網(wǎng)頁中第一圖片展示相同內容的第二圖片進行展示,不用改變網(wǎng)頁本身的展示結構,也不用進行點擊進入類似相冊的展示界面,即可使用戶清楚、完整地查看圖片內容,用戶操作簡單,不會影響用戶對頁面的正常瀏覽,實現(xiàn)了輕量化的放大化圖片展示;并且,由于過濾了前述網(wǎng)址和圖片元素,可以不用彈出用戶不關注的圖片展示窗口,同時節(jié)省系統(tǒng)資源。
[0191]實施例五
[0192]參照圖5,其示出了本發(fā)明一種瀏覽器中對網(wǎng)頁中圖片進行顯示裝置,具體可以包括:
[0193]監(jiān)聽模塊510,適于監(jiān)聽網(wǎng)頁中圖片元素上的鼠標懸停事件;
[0194]第二圖片獲取模塊520,適于若監(jiān)聽到網(wǎng)頁中圖片元素上的鼠標懸停事件,則針對所述圖片元素中的第一圖片,獲取對應所述第一圖片的第二圖片;
[0195]展示模塊530,適于創(chuàng)建一窗口,并將所述第二圖片加載至所述窗口中展示。
[0196]優(yōu)選地,所述展示模塊530包括:
[0197]位置確定模塊,適于根據(jù)第二圖片的大小尺寸以及鼠標的位置,確定所創(chuàng)建窗口的位置。
[0198]優(yōu)選地,還包括:
[0199]位置移動模塊,適于根據(jù)鼠標在圖片元素上方的移動,調整所述窗口的位置。
[0200]優(yōu)選地,還包括:
[0201]接口展示模塊,適于加載并展示針對當前圖片元素的功能接口 ;所述功能接口包括全屏播放接口、和/或分享接口、和/或保存接口、和/或瀏覽器設置接口;其中,所述全屏播放接口包括將所述第一圖片進行全屏播放;所述分享接口包括將所述第一圖片發(fā)送至第一終端、和丨或將所述第一圖片分享至第三網(wǎng)站、和丨或為所述第一圖片生成二維碼;所述保存接口包括將所述第一圖片進行保存。
[0202]實施例六
[0203]參照圖6,其示出了本發(fā)明一種瀏覽器中對網(wǎng)頁中圖片進行顯示裝置,具體可以包括:
[0204]網(wǎng)址匹配模塊610,適于針對當前網(wǎng)頁文檔對應的網(wǎng)址,根據(jù)以正則表達式構建的網(wǎng)址匹配規(guī)則和/或預置的網(wǎng)址名單,對所述網(wǎng)址進行匹配;根據(jù)匹配結果判斷出所述網(wǎng)頁文檔為帶有圖片元素的特定網(wǎng)頁。
[0205]優(yōu)選地,所述網(wǎng)址匹配模塊610,包括:
[0206]主站網(wǎng)址匹配模塊,適于根據(jù)以正則表達式構建的主站網(wǎng)址匹配規(guī)則,判斷所述網(wǎng)址是否為預定的主站的網(wǎng)址;
[0207]站內網(wǎng)址匹配模塊,適于如果所述網(wǎng)址為預定的主站的網(wǎng)址,則根據(jù)以正則表達式構建的站內網(wǎng)址匹配規(guī)則,判斷所述網(wǎng)址對應的網(wǎng)頁是否為站內帶有圖片元素的特定網(wǎng)頁。
[0208]圖片元素過濾模塊620,適于針對網(wǎng)頁中的圖片元素,根據(jù)預置的圖片規(guī)則對所述圖片元素進行過濾。
[0209]優(yōu)選地,所述圖片元素過濾模塊620,包括:
[0210]尺寸過濾模塊,適于判斷所述圖片元素中第一圖片尺寸是否達到第一閾值;如果未達到,則進入監(jiān)聽模塊;如果達到,則不進入監(jiān)聽模塊。
[0211]優(yōu)選地,所述圖片元素過濾模塊,包括:
[0212]節(jié)點過濾模塊,適于將所述圖片元素屬于廣告節(jié)點的圖片元素、導航欄節(jié)點的圖片元素、非正文節(jié)點的圖片元素中的一個或者多個進行過濾。
[0213]監(jiān)聽模塊630,適于監(jiān)聽網(wǎng)頁中圖片元素上的鼠標懸停事件;如果監(jiān)聽到網(wǎng)頁中圖片元素上的鼠標懸停事件,進入第二圖片獲取模塊640 ;
[0214]第二圖片獲取模塊640,適于若監(jiān)聽到網(wǎng)頁中圖片元素上的鼠標懸停事件,則針對所述圖片元素中的第一圖片,獲取對應所述第一圖片的第二圖片;
[0215]優(yōu)選地,所述第二圖片獲取模塊640包括:
[0216]第一圖片網(wǎng)址獲取模塊,適于獲取所述圖片元素中對應第一圖片的網(wǎng)址;
[0217]第二圖片網(wǎng)址獲取模塊,適于對所述第一圖片的網(wǎng)址進行圖片正則表達式匹配,以獲取第二圖片的網(wǎng)址;
[0218]第二圖片下載模塊,適于根據(jù)所述第二圖片的網(wǎng)址,下載所述第二圖片。
[0219]展示模塊650,適于創(chuàng)建一窗口,并將所述第二圖片加載至所述窗口中展示。
[0220]優(yōu)選地,所述第一圖片網(wǎng)址獲取模塊包括:
[0221]初始網(wǎng)址獲取模塊,適于由展示所述網(wǎng)頁的網(wǎng)頁進程獲取所述圖片元素中對應第一圖片的網(wǎng)址,并將所述第一圖片的網(wǎng)址發(fā)送給瀏覽器主進程;
[0222]所述第二圖片網(wǎng)址獲取模塊包括:
[0223]替換網(wǎng)址獲取模塊,適于由瀏覽器主進程對所述第一圖片的網(wǎng)址進行圖片正則表達式匹配,以獲取第二圖片的網(wǎng)址;
[0224]所述第二圖片下載模塊包括:
[0225]圖片下載模塊,適于由瀏覽器主進程根據(jù)所述第二圖片的網(wǎng)址,下載所述第二圖片。
[0226]實施例七
[0227]參照圖7,其示出了本發(fā)明一種瀏覽器中對網(wǎng)頁中圖片進行顯示裝置,具體可以包括:
[0228]網(wǎng)址匹配模塊710,具體包括:
[0229]主站網(wǎng)址匹配模塊712,適于根據(jù)以正則表達式構建的主站網(wǎng)址匹配規(guī)則,判斷所述網(wǎng)址是否為預定的主站的網(wǎng)址;
[0230]站內網(wǎng)址匹配模塊714,適于如果所述網(wǎng)址為預定的主站的網(wǎng)址,則根據(jù)以正則表達式構建的站內網(wǎng)址匹配規(guī)則,判斷所述網(wǎng)址對應的網(wǎng)頁是否為站內帶有圖片元素的特定網(wǎng)頁。
[0231]圖片元素過濾模塊720,具體包括:
[0232]節(jié)點過濾模塊722,適于將所述圖片元素屬于廣告節(jié)點的圖片元素、導航欄節(jié)點的圖片元素、非正文節(jié)點的圖片元素中的一個或者多個進行過濾;
[0233]尺寸過濾模塊724,適于判斷所述圖片元素中第一圖片尺寸是否達到第一閾值;如果未達到,則進入監(jiān)聽模塊730 ;如果達到,則不進入監(jiān)聽模塊。
[0234]監(jiān)聽模塊730,適于監(jiān)聽網(wǎng)頁中圖片元素上的鼠標懸停事件;如果監(jiān)聽到網(wǎng)頁中圖片元素上的鼠標懸停事件,進入圖片元素過濾模塊750 ;
[0235]第二圖片獲取模塊740,具體包括:
[0236]第一圖片網(wǎng)址獲取模塊742,適于獲取所述圖片元素中對應第一圖片的網(wǎng)址;
[0237]第二圖片網(wǎng)址獲取模塊744,適于對所述第一圖片的網(wǎng)址進行圖片正則表達式匹配,以獲取第二圖片的網(wǎng)址;
[0238]第二圖片下載模塊746,適于根據(jù)所述第二圖片的網(wǎng)址,下載所述第二圖片。
[0239]展示模塊750,適于創(chuàng)建一窗口,并將所述第二圖片加載至所述窗口中展示。
[0240]實施例八
[0241]參照圖8,其示出了本發(fā)明一種瀏覽器中對網(wǎng)頁中圖片進行顯示裝置,具體可以包括:
[0242]瀏覽器主進程模塊810和網(wǎng)頁進程模塊820:
[0243]所述瀏覽器主進程模塊810包括
[0244]主站網(wǎng)址匹配模塊811,適于瀏覽器主進程根據(jù)以正則表達式構建的主站網(wǎng)址匹配規(guī)則,判斷所述網(wǎng)址是否為預定的主站的網(wǎng)址;
[0245]站內網(wǎng)址匹配模塊812,適于瀏覽器主進程如果所述網(wǎng)址為預定的主站的網(wǎng)址,貝1]根據(jù)以正則表達式構建的站內網(wǎng)址匹配規(guī)則,判斷所述網(wǎng)址對應的網(wǎng)頁是否為站內帶有圖片元素的特定網(wǎng)頁。如果是判斷所述網(wǎng)址對應的網(wǎng)頁是站內帶有圖片元素的特定網(wǎng)頁,貝0進入節(jié)點過濾模塊821,否則不進入后續(xù)模塊。
[0246]替換網(wǎng)址獲取模塊813,適于由瀏覽器主進程對所述第一圖片的網(wǎng)址進行圖片正則表達式匹配,以獲取第二圖片的網(wǎng)址;
[0247]圖片下載模塊814,適于由所述瀏覽器主進程對所述第一圖片的網(wǎng)址進行圖片正則表達式匹配,以獲取第二圖片的網(wǎng)址。
[0248]展示模塊815,適于由所述瀏覽器主進程根據(jù)所述第二圖片的網(wǎng)址,下載所述第二圖片。
[0249]所述網(wǎng)頁進程模塊820包括:
[0250]節(jié)點過濾模塊821,適于網(wǎng)頁進程將所述圖片元素屬于廣告節(jié)點的圖片元素、導航欄節(jié)點的圖片元素、非正文節(jié)點的圖片元素中的一個或者多個進行過濾;
[0251]尺寸過濾模塊822,適于網(wǎng)頁進程判斷所述圖片元素中第一圖片尺寸是否達到第一閾值;如果未達到,則進入監(jiān)聽模塊823 ;如果達到,則不進入監(jiān)聽模塊。
[0252]監(jiān)聽模塊823,適于網(wǎng)頁進程監(jiān)聽網(wǎng)頁中圖片元素上的鼠標懸停事件;如果監(jiān)聽到網(wǎng)頁中圖片元素上的鼠標懸停事件,進入初始元素過濾模塊824;
[0253]初始網(wǎng)址獲取模塊824,適于網(wǎng)頁進程執(zhí)行獲取所述圖片元素中對應第一圖片的網(wǎng)址,并將所述第一圖片的網(wǎng)址發(fā)送給瀏覽器主進程;即將第一圖片的網(wǎng)址發(fā)送至替換網(wǎng)址獲取模塊813。
[0254]在此提供的算法和顯示不與任何特定計算機、虛擬系統(tǒng)或者其它設備固有相關。各種通用系統(tǒng)也可以與基于在此的示教一起使用。根據(jù)上面的描述,構造這類系統(tǒng)所要求的結構是顯而易見的。此外,本發(fā)明也不針對任何特定編程語言。應當明白,可以利用各種編程語言實現(xiàn)在此描述的本發(fā)明的內容,并且上面對特定語言所做的描述是為了披露本發(fā)明的最佳實施方式。
[0255]在此處所提供的說明書中,說明了大量具體細節(jié)。然而,能夠理解,本發(fā)明的實施例可以在沒有這些具體細節(jié)的情況下實踐。在一些實例中,并未詳細示出公知的方法、結構和技術,以便不模糊對本說明書的理解。
[0256]類似地,應當理解,為了精簡本公開并幫助理解各個發(fā)明方面中的一個或多個,在上面對本發(fā)明的示例性實施例的描述中,本發(fā)明的各個特征有時被一起分組到單個實施例、圖、或者對其的描述中。然而,并不應將該公開的方法解釋成反映如下意圖:即所要求保護的本發(fā)明要求比在每個權利要求中所明確記載的特征更多的特征。更確切地說,如下面的權利要求書所反映的那樣,發(fā)明方面在于少于前面公開的單個實施例的所有特征。因此,遵循【具體實施方式】的權利要求書由此明確地并入該【具體實施方式】,其中每個權利要求本身都作為本發(fā)明的單獨實施例。
[0257]本領域那些技術人員可以理解,可以對實施例中的設備中的模塊進行自適應性地改變并且把它們設置在與該實施例不同的一個或多個設備中??梢园褜嵤├械哪K或單元或組件組合成一個模塊或單元或組件,以及此外可以把它們分成多個子模塊或子單元或子組件。除了這樣的特征和/或過程或者單元中的至少一些是相互排斥之外,可以采用任何組合對本說明書(包括伴隨的權利要求、摘要和附圖)中公開的所有特征以及如此公開的任何方法或者設備的所有過程或單元進行組合。除非另外明確陳述,本說明書(包括伴隨的權利要求、摘要和附圖)中公開的每個特征可以由提供相同、等同或相似目的的替代特征來代替。
[0258]此外,本領域的技術人員能夠理解,盡管在此所述的一些實施例包括其它實施例中所包括的某些特征而不是其它特征,但是不同實施例的特征的組合意味著處于本發(fā)明的范圍之內并且形成不同的實施例。例如,在下面的權利要求書中,所要求保護的實施例的任意之一都可以以任意的組合方式來使用。
[0259]本發(fā)明的各個部件實施例可以以硬件實現(xiàn),或者以在一個或者多個處理器上運行的軟件模塊實現(xiàn),或者以它們的組合實現(xiàn)。本領域的技術人員應當理解,可以在實踐中使用微處理器或者數(shù)字信號處理器(039)來實現(xiàn)根據(jù)本發(fā)明實施例的瀏覽器中對網(wǎng)頁中圖片進行顯示的設備中的一些或者全部部件的一些或者全部功能。本發(fā)明還可以實現(xiàn)為用于執(zhí)行這里所描述的方法的一部分或者全部的設備或者裝置程序(例如,計算機程序和計算機程序產(chǎn)品這樣的實現(xiàn)本發(fā)明的程序可以存儲在計算機可讀介質上,或者可以具有一個或者多個信號的形式。這樣的信號可以從因特網(wǎng)網(wǎng)站上下載得到,或者在載體信號上提供,或者以任何其他形式提供。
[0260]應該注意的是上述實施例對本發(fā)明進行說明而不是對本發(fā)明進行限制,并且本領域技術人員在不脫離所附權利要求的范圍的情況下可設計出替換實施例。在權利要求中,不應將位于括號之間的任何參考符號構造成對權利要求的限制。單詞“包含”不排除存在未列在權利要求中的元件或步驟。位于元件之前的單詞“一”或“一個”不排除存在多個這樣的元件。本發(fā)明可以借助于包括有若干不同元件的硬件以及借助于適當編程的計算機來實現(xiàn)。在列舉了若干裝置的單元權利要求中,這些裝置中的若干個可以是通過同一個硬件項來具體體現(xiàn)。單詞第一、第二、以及第三等的使用不表示任何順序。可將這些單詞解釋為名稱。
[0261]八1、一種瀏覽器中對網(wǎng)頁中圖片進行顯示方法,包括:
[0262]監(jiān)聽網(wǎng)頁中圖片元素上的鼠標懸停事件;
[0263]若監(jiān)聽到網(wǎng)頁中圖片元素上的鼠標懸停事件,則針對所述圖片元素中的第一圖片,獲取對應所述第一圖片的第二圖片;
[0264]創(chuàng)建一窗口,并將所述第二圖片加載至所述窗口中展示。
[0265]八2、如81所述的方法,在監(jiān)聽到網(wǎng)頁中圖片元素上的鼠標懸停事件之前,還包括:針對當前網(wǎng)頁文檔對應的網(wǎng)址,根據(jù)以正則表達式構建的網(wǎng)址匹配規(guī)則和/或預置的網(wǎng)址名單,對所述網(wǎng)址進行匹配;根據(jù)匹配結果判斷出所述網(wǎng)頁文檔為帶有圖片元素的特定網(wǎng)頁。
[0266]八3、如82所述的方法,所述根據(jù)以正則表達式構建的網(wǎng)址匹配規(guī)則和/或預置的網(wǎng)址名單,對所述網(wǎng)址進行匹配,包括:根據(jù)以正則表達式構建的主站網(wǎng)址匹配規(guī)則,判斷所述網(wǎng)址是否為預定的主站的網(wǎng)址;
[0267]如果所述網(wǎng)址為預定的主站的網(wǎng)址,則根據(jù)以正則表達式構建的站內網(wǎng)址匹配規(guī)貝0,判斷所述網(wǎng)址對應的網(wǎng)頁是否為站內帶有圖片元素的特定網(wǎng)頁。
[0268]44、如八2或八3所述的方法,所述將當前網(wǎng)頁的網(wǎng)址與網(wǎng)址名單進行匹配,若匹配上,則確定當前網(wǎng)頁為帶有圖片元素的特定網(wǎng)頁,包括:
[0269]通過瀏覽器主進程針對當前網(wǎng)頁文檔對應的網(wǎng)址,根據(jù)以正則表達式構建的網(wǎng)址匹配規(guī)則和/或預置的網(wǎng)址名單,對所述網(wǎng)址進行匹配;根據(jù)匹配結果判斷出所述網(wǎng)頁文檔為帶有圖片元素的特定網(wǎng)頁。
[0270]45、如八1所述的方法,在監(jiān)聽網(wǎng)頁中圖片元素上的鼠標懸停事件之前,還包括:針對網(wǎng)頁中的圖片元素,根據(jù)預置的圖片規(guī)則對所述圖片元素進行過濾。
[0271]八6、如八5所述的方法,所述針對網(wǎng)頁中的圖片元素,根據(jù)預置的圖片規(guī)則對所述圖片元素進行過濾,包括:判斷所述圖片元素中第一圖片尺寸是否達到第一閾值;如果未達到,則監(jiān)聽所述圖片元素上的鼠標懸停事件;如果達到,則不監(jiān)聽所述圖片元素上的鼠標懸停事件。
[0272]八7、如八5所述的方法,所述針對網(wǎng)頁中的圖片元素,根據(jù)預置的圖片規(guī)則對所述圖片元素進行過濾,包括:將所述圖片元素屬于廣告節(jié)點的圖片元素、導航欄節(jié)點的圖片元素、非正文節(jié)點的圖片元素中的一個或者多個進行過濾。
[0273]八8、如八5所述的方法,所述針對網(wǎng)頁中的圖片元素,根據(jù)預置的圖片規(guī)則對所述圖片元素進行過濾包括:由所述展示網(wǎng)頁的網(wǎng)頁進程執(zhí)行針對網(wǎng)頁中的圖片元素,根據(jù)預置的圖片規(guī)則對所述圖片元素進行過濾。
[0274]八9、如八1所述的方法,針對所述圖片元素中的第一圖片,獲取對應所述第一圖片的第二圖片包括:獲取所述圖片元素中對應第一圖片的網(wǎng)址;
[0275]對所述第一圖片的網(wǎng)址進行圖片正則表達式匹配,以獲取第二圖片的網(wǎng)址;根據(jù)所述第二圖片的網(wǎng)址,下載所述第二圖片。
[0276]八10、如八1所述的方法,由展示所述網(wǎng)頁的網(wǎng)頁進程執(zhí)行獲取所述圖片元素中對應第一圖片的網(wǎng)址,并將所述第一圖片的網(wǎng)址發(fā)送給瀏覽器主進程;由所述瀏覽器主進程對所述第一圖片的網(wǎng)址進行圖片正則表達式匹配,以獲取第二圖片的網(wǎng)址;由所述瀏覽器主進程根據(jù)所述第二圖片的網(wǎng)址,下載所述第二圖片。
[0277]八11、如八1所述的方法,所述創(chuàng)建一窗口,并將所述第二圖片加載至所述窗口中展示包括:由瀏覽器主進程創(chuàng)建一窗口,并將所述第二圖片加載至所述窗口中展示。
[0278]八12、如八1所述的方法,所述創(chuàng)建一窗口包括:根據(jù)第二圖片的大小尺寸以及鼠標的位置,確定所創(chuàng)建窗口的位置。
[0279]八13、如八1所述的方法,還包括:根據(jù)鼠標在圖片元素上方的移動,調整所述窗口的位置。
[0280]八14、如八1所述的方法,還包括:加載并展示針對當前圖片元素的功能接口;所述功能接口包括全屏播放接口、和/或分享接口、和/或保存接口、和/或瀏覽器設置接口 ;其中,所述全屏播放接口包括將所述第一圖片進行全屏播放;所述分享接口包括將所述第一圖片發(fā)送至第一終端、和/或將所述第一圖片分享至第三網(wǎng)站、和/或為所述第一圖片生成二維碼;所述保存接口包括將所述第一圖片進行保存。
[0281]815、一種瀏覽器中對網(wǎng)頁中圖片進行顯示裝置,包括:
[0282]監(jiān)聽模塊,適于監(jiān)聽網(wǎng)頁中圖片元素上的鼠標懸停事件;
[0283]第二圖片獲取模塊,適于若監(jiān)聽到網(wǎng)頁中圖片元素上的鼠標懸停事件,則針對所述圖片元素中的第一圖片,獲取對應所述第一圖片的第二圖片;
[0284]展示模塊,適于創(chuàng)建一窗口,并將所述第二圖片加載至所述窗口中展示。
[0285]816、如815所述的裝置,在監(jiān)聽模塊之前,還包括:
[0286]網(wǎng)址匹配模塊,適于針對當前網(wǎng)頁文檔對應的網(wǎng)址,根據(jù)以正則表達式構建的網(wǎng)址匹配規(guī)則和/或預置的網(wǎng)址名單,對所述網(wǎng)址進行匹配;根據(jù)匹配結果判斷出所述網(wǎng)頁文檔為帶有圖片元素的特定網(wǎng)頁。
[0287]817、如816所述的裝置,所述網(wǎng)址匹配模塊,包括:主站網(wǎng)址匹配模塊,適于根據(jù)以正則表達式構建的主站網(wǎng)址匹配規(guī)則,判斷所述網(wǎng)址是否為預定的主站的網(wǎng)址;
[0288]站內網(wǎng)址匹配模塊,適于如果所述網(wǎng)址為預定的主站的網(wǎng)址,則根據(jù)以正則表達式構建的站內網(wǎng)址匹配規(guī)則,判斷所述網(wǎng)址對應的網(wǎng)頁是否為站內帶有圖片元素的特定網(wǎng)頁。
[0289]818、如816或817所述的裝置,所述網(wǎng)址匹配模塊包括:
[0290]主進程匹配模塊,適于通過瀏覽器主進程針對當前網(wǎng)頁文檔對應的網(wǎng)址,根據(jù)以正則表達式構建的網(wǎng)址匹配規(guī)則和/或預置的網(wǎng)址名單,對所述網(wǎng)址進行匹配;根據(jù)匹配結果判斷出所述網(wǎng)頁文檔為帶有圖片元素的特定網(wǎng)頁。
[0291]819、如815所述的裝置,在監(jiān)聽模塊之前,還包括:圖片元素過濾模塊,適于針對網(wǎng)頁中的圖片元素,根據(jù)預置的圖片規(guī)則對所述圖片元素進行過濾。
[0292]820、如819所述的裝置,所述圖片元素過濾模塊,包括:尺寸過濾模塊,適于判斷所述圖片元素中第一圖片尺寸是否達到第一閾值;如果未達到,則進入監(jiān)聽模塊;如果達至I』,則不進入監(jiān)聽模塊。
[0293]821、如820所述的裝置,所述圖片元素過濾模塊,包括:
[0294]節(jié)點過濾模塊,適于將所述圖片元素屬于廣告節(jié)點的圖片元素、導航欄節(jié)點的圖片元素、非正文節(jié)點的圖片元素中的一個或者多個進行過濾。
[0295]822、如819所述的裝置,所述圖片元素過濾模塊包括:
[0296]網(wǎng)頁進程過濾模塊,適于由所述展示網(wǎng)頁的網(wǎng)頁進程執(zhí)行針對網(wǎng)頁中的圖片元素,根據(jù)預置的圖片規(guī)則對所述圖片元素進行過濾。
[0297]823、如815所述的裝置,所述第二圖片獲取模塊包括:
[0298]第一圖片網(wǎng)址獲取模塊,適于獲取所述圖片元素中對應第一圖片的網(wǎng)址;第二圖片網(wǎng)址獲取模塊,適于對所述第一圖片的網(wǎng)址進行圖片正則表達式匹配,以獲取第二圖片的網(wǎng)址;第二圖片下載模塊,適于根據(jù)所述第二圖片的網(wǎng)址,下載所述第二圖片。
[0299]824、如823所述的裝置,所述第一圖片網(wǎng)址獲取模塊包括:初始網(wǎng)址獲取模塊,適于由展示所述網(wǎng)頁的網(wǎng)頁進程獲取所述圖片元素中對應第一圖片的網(wǎng)址,并將所述第一圖片的網(wǎng)址發(fā)送給瀏覽器主進程;所述第二圖片網(wǎng)址獲取模塊包括:替換網(wǎng)址獲取模塊,適于由瀏覽器主進程對所述第一圖片的網(wǎng)址進行圖片正則表達式匹配,以獲取第二圖片的網(wǎng)址;所述第二圖片下載模塊包括:圖片下載模塊,適于由瀏覽器主進程根據(jù)所述第二圖片的網(wǎng)址,下載所述第二圖片。
[0300]825、如815所述的裝置,所述展示模塊包括:主進程展示模塊,適于由瀏覽器主進程創(chuàng)建一窗口,并將所述第二圖片加載至所述窗口中展示。
[0301]826、如815所述的裝置,所述展示模塊包括:位置確定模塊,適于根據(jù)第二圖片的大小尺寸以及鼠標的位置,確定所創(chuàng)建窗口的位置。
[0302]827、如815所述的裝置,還包括:位置移動模塊,適于根據(jù)鼠標在圖片元素上方的移動,調整所述窗口的位置。
[0303]828、如815所述的裝置,還包括:
[0304]接口展示模塊,適于加載并展示針對當前圖片元素的功能接口 ;所述功能接口包括全屏播放接口、和/或分享接口、和/或保存接口、和/或瀏覽器設置接口;其中,所述全屏播放接口包括將所述第一圖片進行全屏播放;所述分享接口包括將所述第一圖片發(fā)送至第一終端、和丨或將所述第一圖片分享至第三網(wǎng)站、和丨或為所述第一圖片生成二維碼;所述保存接口包括將所述第一圖片進行保存。
【權利要求】
1.一種瀏覽器中對網(wǎng)頁中圖片進行顯示方法,包括: 監(jiān)聽網(wǎng)頁中圖片元素上的鼠標懸停事件; 若監(jiān)聽到網(wǎng)頁中圖片元素上的鼠標懸停事件,則針對所述圖片元素中的第一圖片,獲取對應所述第一圖片的第二圖片; 創(chuàng)建一窗口,并將所述第二圖片加載至所述窗口中展示。
2.如權利要求1所述的方法,其特征在于,在監(jiān)聽到網(wǎng)頁中圖片元素上的鼠標懸停事件之前,還包括: 針對當前網(wǎng)頁文檔對應的網(wǎng)址,根據(jù)以正則表達式構建的網(wǎng)址匹配規(guī)則和/或預置的網(wǎng)址名單,對所述網(wǎng)址進行匹配;根據(jù)匹配結果判斷出所述網(wǎng)頁文檔為帶有圖片元素的特定網(wǎng)頁。
3.如權利要求2所述的方法,其特征在于,所述根據(jù)以正則表達式構建的網(wǎng)址匹配規(guī)則和/或預置的網(wǎng)址名單,對所述網(wǎng)址進行匹配,包括: 根據(jù)以正則表達式構建的主站網(wǎng)址匹配規(guī)則,判斷所述網(wǎng)址是否為預定的主站的網(wǎng)址; 如果所述網(wǎng)址為預定的主站的網(wǎng)址,則根據(jù)以正則表達式構建的站內網(wǎng)址匹配規(guī)則,判斷所述網(wǎng)址對應的網(wǎng)頁是否為站內帶有圖片元素的特定網(wǎng)頁。
4.如權利要求2或3所述的方法,其特征在于,所述將當前網(wǎng)頁的網(wǎng)址與網(wǎng)址名單進行匹配,若匹配上,則確定當前網(wǎng)頁為帶有圖片元素的特定網(wǎng)頁,包括: 通過瀏覽器主進程針對當前網(wǎng)頁文檔對應的網(wǎng)址,根據(jù)以正則表達式構建的網(wǎng)址匹配規(guī)則和/或預置的網(wǎng)址名單,對所述網(wǎng)址進行匹配;根據(jù)匹配結果判斷出所述網(wǎng)頁文檔為帶有圖片元素的特定網(wǎng)頁。
5.如權利要求1所述的方法,其特征在于,在監(jiān)聽網(wǎng)頁中圖片元素上的鼠標懸停事件之前,還包括: 針對網(wǎng)頁中的圖片元素,根據(jù)預置的圖片規(guī)則對所述圖片元素進行過濾。
6.如權利要求5所述的方法,其特征在于,所述針對網(wǎng)頁中的圖片元素,根據(jù)預置的圖片規(guī)則對所述圖片元素進行過濾,包括: 判斷所述圖片元素中第一圖片尺寸是否達到第一閾值;如果未達到,則監(jiān)聽所述圖片元素上的鼠標懸停事件;如果達到,則不監(jiān)聽所述圖片元素上的鼠標懸停事件。
7.如權利要求5所述的方法,其特征在于,所述針對網(wǎng)頁中的圖片元素,根據(jù)預置的圖片規(guī)則對所述圖片元素進行過濾,包括: 將所述圖片元素屬于廣告節(jié)點的圖片元素、導航欄節(jié)點的圖片元素、非正文節(jié)點的圖片元素中的一個或者多個進行過濾。
8.如權利要求5所述的方法,其特征在于,所述針對網(wǎng)頁中的圖片元素,根據(jù)預置的圖片規(guī)則對所述圖片元素進行過濾包括: 由所述展示網(wǎng)頁的網(wǎng)頁進程執(zhí)行針對網(wǎng)頁中的圖片元素,根據(jù)預置的圖片規(guī)則對所述圖片元素進行過濾。
9.如權利要求1所述的方法,其特征在于,針對所述圖片元素中的第一圖片,獲取對應所述第一圖片的第二圖片包括: 獲取所述圖片元素中對應第一圖片的網(wǎng)址; 對所述第一圖片的網(wǎng)址進行圖片正則表達式匹配,以獲取第二圖片的網(wǎng)址; 根據(jù)所述第二圖片的網(wǎng)址,下載所述第二圖片。
10.一種瀏覽器中對網(wǎng)頁中圖片進行顯示裝置,包括: 監(jiān)聽模塊,適于監(jiān)聽網(wǎng)頁中圖片元素上的鼠標懸停事件; 第二圖片獲取模塊,適于若監(jiān)聽到網(wǎng)頁中圖片元素上的鼠標懸停事件,則針對所述圖片元素中的第一圖片,獲取對應所述第一圖片的第二圖片; 展示模塊,適于創(chuàng)建一窗口,并將所述第二圖片加載至所述窗口中展示。
【文檔編號】G06F9/445GK104360882SQ201410642885
【公開日】2015年2月18日 申請日期:2014年11月7日 優(yōu)先權日:2014年11月7日
【發(fā)明者】蔡永建, 唐明生, 甘恩平, 李煜 申請人:北京奇虎科技有限公司, 奇智軟件(北京)有限公司