一種瀏覽器中對網(wǎng)頁中指定元素進(jìn)行顯示的方法和裝置制造方法
【專利摘要】本發(fā)明公開了一種瀏覽器中對網(wǎng)頁中指定元素進(jìn)行顯示的方法和裝置,涉及瀏覽器【技術(shù)領(lǐng)域】。所述方法包括:瀏覽器主進(jìn)程對當(dāng)前網(wǎng)頁的網(wǎng)址進(jìn)行分析,判斷所述網(wǎng)址是否為特定網(wǎng)頁;如果為特定網(wǎng)頁,瀏覽器主進(jìn)程通知當(dāng)前網(wǎng)頁進(jìn)程去監(jiān)聽當(dāng)前網(wǎng)頁中的指定元素上的操作事件;若當(dāng)前網(wǎng)頁進(jìn)程監(jiān)聽到指定元素上的操作事件,則對當(dāng)前網(wǎng)頁的指定元素進(jìn)行分析,將分析結(jié)果返回給瀏覽器主進(jìn)程;瀏覽器主進(jìn)程根據(jù)所述分析結(jié)果獲取對應(yīng)指定元素的第二元素,并將所述第二元素加載至一新創(chuàng)建的窗口中展示。本發(fā)明可以將網(wǎng)頁中指定元素利用新窗口進(jìn)行放大顯示,使用戶可以清楚地瀏覽指定元素內(nèi)容。
【專利說明】一種瀏覽器中對網(wǎng)頁中指定元素進(jìn)行顯示的方法和裝置
【技術(shù)領(lǐng)域】
[0001]本發(fā)明涉及瀏覽器【技術(shù)領(lǐng)域】,具體涉及一種瀏覽器中對網(wǎng)頁中指定元素進(jìn)行顯示的方法和裝置。
【背景技術(shù)】
[0002]瀏覽器是指可以顯示網(wǎng)頁服務(wù)器或者文件系統(tǒng)的HTML(超文本標(biāo)記語言,HyperText Mark-up Language))文件內(nèi)容,并讓用戶與這些文件交互的一種軟件。網(wǎng)頁瀏覽器主要通過HTTP協(xié)議(超文本傳送協(xié)議,HTTP-Hypertext transfer protocol)與網(wǎng)頁服務(wù)器交互并獲取網(wǎng)頁,這些網(wǎng)頁由URL(統(tǒng)一資源定位符,Uniform Resource Locator)指定,文件格式通常為HTML。一個網(wǎng)頁中可以包括多個文檔,每個文檔都是分別從服務(wù)器獲取的。HTTP內(nèi)容類型和URL協(xié)議規(guī)范允許網(wǎng)頁設(shè)計(jì)者在網(wǎng)頁中嵌入圖片、視頻等。
[0003]但是,在實(shí)際應(yīng)用中,在瀏覽器顯示視窗大小確定的情況下,網(wǎng)頁由于內(nèi)容很多、或者網(wǎng)頁排版等要求,當(dāng)瀏覽器將HTML文檔渲染展示后,得到的網(wǎng)頁中某些元素不夠清晰,用戶無法清楚地進(jìn)行瀏覽。
【發(fā)明內(nèi)容】
[0004]鑒于上述問題,提出了本發(fā)明以便提供一種克服上述問題或者至少部分地解決上述問題的瀏覽器中對網(wǎng)頁中指定元素進(jìn)行顯示的裝置和相應(yīng)的瀏覽器中對網(wǎng)頁中指定元素進(jìn)行顯示的方法。
[0005]依據(jù)本發(fā)明的一個方面,提供了一種瀏覽器中對網(wǎng)頁中指定元素進(jìn)行顯示的方法,包括:
[0006]瀏覽器主進(jìn)程對當(dāng)前網(wǎng)頁的網(wǎng)址進(jìn)行分析,判斷所述網(wǎng)址是否為特定網(wǎng)頁;
[0007]如果為特定網(wǎng)頁,瀏覽器主進(jìn)程通知當(dāng)前網(wǎng)頁進(jìn)程去監(jiān)聽當(dāng)前網(wǎng)頁中的指定元素上的操作事件;
[0008]若當(dāng)前網(wǎng)頁進(jìn)程監(jiān)聽到指定元素上的操作事件,則對當(dāng)前網(wǎng)頁的指定元素進(jìn)行分析,將分析結(jié)果返回給瀏覽器主進(jìn)程;
[0009]瀏覽器主進(jìn)程根據(jù)所述分析結(jié)果獲取對應(yīng)指定元素的第二元素,并將所述第二元素加載至一新創(chuàng)建的窗口中展示。
[0010]優(yōu)選地,瀏覽器主進(jìn)程對當(dāng)前網(wǎng)頁的網(wǎng)址進(jìn)行分析,判斷所述網(wǎng)址是否為特定網(wǎng)頁包括:
[0011]針對當(dāng)前網(wǎng)頁文檔對應(yīng)的網(wǎng)址,根據(jù)以正則表達(dá)式構(gòu)建的網(wǎng)址匹配規(guī)則和/或預(yù)置的網(wǎng)址名單,對所述網(wǎng)址進(jìn)行匹配;當(dāng)網(wǎng)址匹配上,則判斷出所述網(wǎng)頁文檔為帶有指定元素的特定網(wǎng)頁。
[0012]優(yōu)選地,所述根據(jù)以正則表達(dá)式構(gòu)建的網(wǎng)址匹配規(guī)則和/或預(yù)置的網(wǎng)址名單,對所述網(wǎng)址進(jìn)行匹配,包括:
[0013]根據(jù)以正則表達(dá)式構(gòu)建的主站網(wǎng)址匹配規(guī)則,判斷所述網(wǎng)址是否為預(yù)定的主站的網(wǎng)址;
[0014]如果所述網(wǎng)址為預(yù)定的主站的網(wǎng)址,則根據(jù)以正則表達(dá)式構(gòu)建的站內(nèi)網(wǎng)址匹配規(guī)貝U,判斷所述網(wǎng)址對應(yīng)的網(wǎng)頁是否為帶有指定元素的特定網(wǎng)頁。
[0015]優(yōu)選地,瀏覽器主進(jìn)程通知當(dāng)前網(wǎng)頁進(jìn)程監(jiān)聽當(dāng)前網(wǎng)頁中的指定元素上的操作事件之前,還包括:
[0016]針對網(wǎng)頁中的指定元素,根據(jù)預(yù)置的過濾規(guī)則對所述指定元素進(jìn)行過濾。
[0017]優(yōu)選地,所述指定元素包括圖片元素、視頻元素、文檔元素其中至少一個。
[0018]優(yōu)選地,當(dāng)所述指定元素包括圖片元素時,所述針對網(wǎng)頁中的指定元素,根據(jù)預(yù)置的過濾規(guī)則對所述指定元素進(jìn)行過濾,包括:
[0019]網(wǎng)頁進(jìn)程判斷所述圖片尺寸是否達(dá)到第一閾值;如果未達(dá)到,則監(jiān)聽所述指定元素上的操作事件;如果未達(dá)到,則不監(jiān)聽所述指定元素上的操作事件。
[0020]優(yōu)選地,當(dāng)所述指定元素包括圖片元素時,當(dāng)前網(wǎng)頁進(jìn)程監(jiān)聽當(dāng)前網(wǎng)頁中的指定元素上的操作事件包括:
[0021]當(dāng)前網(wǎng)頁進(jìn)程監(jiān)聽當(dāng)前網(wǎng)頁中的圖片元素上的鼠標(biāo)懸停事件。
[0022]優(yōu)選地,當(dāng)所述指定元素包括圖片元素時,所述針對網(wǎng)頁中的指定元素,根據(jù)預(yù)置的過濾規(guī)則對所述指定元素進(jìn)行過濾,包括:
[0023]將所述圖片元素屬于廣告節(jié)點(diǎn)的圖片元素、導(dǎo)航欄節(jié)點(diǎn)的圖片元素、非正文節(jié)點(diǎn)的圖片元素中的一個或者多個進(jìn)行過濾。
[0024]優(yōu)選地,所述若當(dāng)前網(wǎng)頁進(jìn)程監(jiān)聽到指定元素上的操作事件,則對當(dāng)前網(wǎng)頁的指定元素進(jìn)行分析,將分析結(jié)果返回給瀏覽器主進(jìn)程包括:
[0025]獲取所述圖片元素中對應(yīng)第一圖片的網(wǎng)址;
[0026]對所述第一圖片的網(wǎng)址進(jìn)行正則表達(dá)式匹配,確定第二圖片的網(wǎng)址,并將所述第二圖片的網(wǎng)址返回給瀏覽器主進(jìn)程。
[0027]優(yōu)選地,所述瀏覽器主進(jìn)程根據(jù)所述分析結(jié)果獲取對應(yīng)指定元素的第二元素,并將所述第二元素加載至一新創(chuàng)建的窗口中展示包括:
[0028]瀏覽器主進(jìn)程根據(jù)所述第二圖片的網(wǎng)址下載所述第二圖片;
[0029]瀏覽器主進(jìn)程創(chuàng)建一窗口,并將所述第二圖片加載至所述窗口中展示。
[0030]優(yōu)選地,當(dāng)所述指定元素包括文檔元素時,所述當(dāng)前網(wǎng)頁進(jìn)程監(jiān)聽當(dāng)前網(wǎng)頁中的指定元素上的操作事件包括:
[0031]當(dāng)前網(wǎng)頁進(jìn)程監(jiān)聽當(dāng)前網(wǎng)頁中的文檔元素上的劃定操作。
[0032]優(yōu)選地,所述若當(dāng)前網(wǎng)頁進(jìn)程監(jiān)聽到指定元素上的操作事件,則對當(dāng)前網(wǎng)頁的指定元素進(jìn)行分析,將分析結(jié)果返回給瀏覽器主進(jìn)程包括:
[0033]當(dāng)前網(wǎng)頁進(jìn)程根據(jù)所述劃定操作,提取劃定區(qū)域范圍內(nèi)的文檔內(nèi)容,并將所述文檔內(nèi)容返回給瀏覽器主進(jìn)程。
[0034]優(yōu)選地,所述瀏覽器主進(jìn)程根據(jù)所述分析結(jié)果獲取對應(yīng)指定元素的第二元素,并將所述第二元素加載至一新創(chuàng)建的窗口中展示包括:
[0035]瀏覽器主進(jìn)程根據(jù)所述文檔內(nèi)容,獲取放大后的文檔內(nèi)容,并將所述放大后的文檔內(nèi)容加載至一新創(chuàng)建的窗口中展示。
[0036]優(yōu)選地,所述在瀏覽器主進(jìn)程新窗口時包括:
[0037]根據(jù)第二元素的大小以及鼠標(biāo)的位置,確定所創(chuàng)建窗口的位置。
[0038]優(yōu)選地,還包括:根據(jù)鼠標(biāo)在指定元素上方的移動,調(diào)整所述窗口的位置。
[0039]優(yōu)選地,還包括:
[0040]加載并展示針對所述指定元素的功能接口 ;所述功能接口包括全屏播放接口、和/或分享接口、和/或保存接口、和/或?yàn)g覽器設(shè)置接口;其中,所述全屏播放接口包括將所述指定元素的內(nèi)容進(jìn)行全屏播放;所述分享接口包括將所述指定元素的內(nèi)容發(fā)送至第一終端、和/或?qū)⑺鲋付ㄔ氐膬?nèi)容分享至第三網(wǎng)站、和/或?yàn)樗鲋付ㄔ氐膬?nèi)容生成二維碼;所述保存接口包括將所述指定元素的內(nèi)容進(jìn)行保存。
[0041]依據(jù)本發(fā)明的另外一個方面本發(fā)明還提供了一種瀏覽器中對網(wǎng)頁中指定元素進(jìn)行顯示的裝置,包括:
[0042]網(wǎng)頁分析模塊,適于瀏覽器主進(jìn)程對當(dāng)前網(wǎng)頁的網(wǎng)址進(jìn)行分析,判斷所述網(wǎng)址是否為特定網(wǎng)頁;
[0043]通知模塊,適于如果為特定網(wǎng)頁,瀏覽器主進(jìn)程通知當(dāng)前網(wǎng)頁進(jìn)程監(jiān)聽當(dāng)前網(wǎng)頁中的指定元素上的操作事件;
[0044]監(jiān)控模塊,適于當(dāng)前網(wǎng)頁進(jìn)程監(jiān)聽當(dāng)前網(wǎng)頁中的指定元素上的操作事件;當(dāng)監(jiān)聽到指定元素上的操作事件,則對當(dāng)前網(wǎng)頁的指定元素進(jìn)行分析,將分析結(jié)果返回給瀏覽器主進(jìn)程;
[0045]展示模塊,適于瀏覽器主進(jìn)程根據(jù)所述分析結(jié)果獲取對應(yīng)指定元素的第二元素,并將所述第二元素加載至一新創(chuàng)建的窗口中展示。
[0046]優(yōu)選地,所述網(wǎng)頁分析模塊包括:
[0047]網(wǎng)址匹配模塊,適于針對當(dāng)前網(wǎng)頁文檔對應(yīng)的網(wǎng)址,根據(jù)以正則表達(dá)式構(gòu)建的網(wǎng)址匹配規(guī)則和/或預(yù)置的網(wǎng)址名單,對所述網(wǎng)址進(jìn)行匹配;當(dāng)網(wǎng)址匹配上,則判斷出所述網(wǎng)頁文檔為帶有指定元素的特定網(wǎng)頁。
[0048]優(yōu)選地,所述網(wǎng)址匹配模塊包括:
[0049]主站匹配模塊,適于根據(jù)以正則表達(dá)式構(gòu)建的主站網(wǎng)址匹配規(guī)則,判斷所述網(wǎng)址是否為預(yù)定的主站的網(wǎng)址;
[0050]站內(nèi)匹配模塊,適于如果所述網(wǎng)址為預(yù)定的主站的網(wǎng)址,則根據(jù)以正則表達(dá)式構(gòu)建的站內(nèi)網(wǎng)址匹配規(guī)則,判斷所述網(wǎng)址對應(yīng)的網(wǎng)頁是否為帶有指定元素的特定網(wǎng)頁。
[0051]優(yōu)選地,還包括:
[0052]第一通知模塊,適于瀏覽器主進(jìn)程通知當(dāng)前網(wǎng)頁進(jìn)程監(jiān)聽當(dāng)前網(wǎng)頁中的指定元素上的操作事件之前,針對網(wǎng)頁中的指定元素,根據(jù)預(yù)置的過濾規(guī)則對所述指定元素進(jìn)行過濾;
[0053]相應(yīng)的,所述監(jiān)控模塊還包括:過濾模塊,適于在當(dāng)前網(wǎng)頁進(jìn)程監(jiān)聽當(dāng)前網(wǎng)頁中的指定元素上的操作事件之前,針對網(wǎng)頁中的指定元素,根據(jù)預(yù)置的過濾規(guī)則對所述指定元素進(jìn)行過濾。
[0054]優(yōu)選地,所述指定元素包括圖片元素、視頻元素、文檔元素其中至少一個。
[0055]優(yōu)選地,所述過濾模塊包括:
[0056]第一過濾模塊,適于當(dāng)所述指定元素包括圖片元素時,網(wǎng)頁進(jìn)程判斷所述圖片尺寸是否達(dá)到第一閾值;如果未達(dá)到,則監(jiān)聽所述指定元素上的操作事件;如果未達(dá)到,則不監(jiān)聽所述指定元素上的操作事件。
[0057]優(yōu)選地,所述監(jiān)控模塊包括:
[0058]圖片元素監(jiān)控模塊,適于當(dāng)所述指定元素包括圖片元素時,當(dāng)前網(wǎng)頁進(jìn)程監(jiān)聽當(dāng)前網(wǎng)頁中的圖片元素上的鼠標(biāo)懸停事件。
[0059]優(yōu)選地,所述過濾模塊包括:
[0060]第二過濾模塊,適于當(dāng)所述指定元素包括圖片元素時,將所述圖片元素屬于廣告節(jié)點(diǎn)的圖片元素、導(dǎo)航欄節(jié)點(diǎn)的圖片元素、非正文節(jié)點(diǎn)的圖片元素中的一個或者多個進(jìn)行過濾。
[0061]優(yōu)選地,所述監(jiān)控模塊包括:
[0062]第一圖片網(wǎng)址獲取模塊,適于獲取所述圖片元素中對應(yīng)第一圖片的網(wǎng)址;
[0063]第二圖片網(wǎng)址獲取模塊,適于對所述第一圖片的網(wǎng)址進(jìn)行正則表達(dá)式匹配,確定第二圖片的網(wǎng)址,并將所述第二圖片的網(wǎng)址返回給瀏覽器主進(jìn)程。
[0064]優(yōu)選地,所述展示模塊包括:
[0065]第二圖片獲取模塊,適于瀏覽器主進(jìn)程根據(jù)所述第二圖片的網(wǎng)址下載所述第二圖片;
[0066]圖片展示模塊,適于瀏覽器主進(jìn)程創(chuàng)建一窗口,并將所述第二圖片加載至所述窗口中展示。
[0067]優(yōu)選地,所述監(jiān)控模塊包括:
[0068]文檔元素監(jiān)控模塊,適于當(dāng)前網(wǎng)頁進(jìn)程監(jiān)聽當(dāng)前網(wǎng)頁中的文檔元素上的劃定操作。
[0069]優(yōu)選地,所述監(jiān)控模塊包括:
[0070]文檔劃定模塊,適于當(dāng)前網(wǎng)頁進(jìn)程根據(jù)所述劃定操作,提取劃定區(qū)域范圍內(nèi)的文檔內(nèi)容,并將所述文檔內(nèi)容返回給瀏覽器主進(jìn)程。
[0071]優(yōu)選地,所述展示模塊包括:
[0072]文檔展示模塊,適于瀏覽器主進(jìn)程根據(jù)所述文檔內(nèi)容,獲取放大后的文檔內(nèi)容,并將所述放大后的文檔內(nèi)容加載至一新創(chuàng)建的窗口中展示。
[0073]優(yōu)選地,所述展示模塊包括:
[0074]窗口位置確定模塊,適于在瀏覽器主進(jìn)程新窗口時,根據(jù)第二元素的大小以及鼠標(biāo)的位置,確定所創(chuàng)建窗口的位置。
[0075]優(yōu)選地,還包括:窗口移動模塊,適于根據(jù)鼠標(biāo)在指定元素上方的移動,調(diào)整所述窗口的位置。
[0076]優(yōu)選地,還包括:
[0077]接口展示模塊,適于加載并展示針對所述指定元素的功能接口 ;所述功能接口包括全屏播放接口、和/或分享接口、和/或保存接口、和/或?yàn)g覽器設(shè)置接口;其中,所述全屏播放接口包括將所述指定元素的內(nèi)容進(jìn)行全屏播放;所述分享接口包括將所述指定元素的內(nèi)容發(fā)送至第一終端、和/或?qū)⑺鲋付ㄔ氐膬?nèi)容分享至第三網(wǎng)站、和/或?yàn)樗鲋付ㄔ氐膬?nèi)容生成二維碼;所述保存接口包括將所述指定元素的內(nèi)容進(jìn)行保存。
[0078]根據(jù)本發(fā)明的一種瀏覽器中對網(wǎng)頁中指定元素進(jìn)行顯示的方法和裝置可以由瀏覽器主進(jìn)程對瀏覽器打開的網(wǎng)址進(jìn)行分析,判斷所述網(wǎng)址是否為特定網(wǎng)頁,然后由網(wǎng)頁進(jìn)程對網(wǎng)頁上的操作進(jìn)行分析處理,然后將分析處理結(jié)果返回給瀏覽器主進(jìn)程,瀏覽器主進(jìn)程根據(jù)所述分析結(jié)果獲取對應(yīng)指定元素的第二元素,并將所述第二元素加載至一新創(chuàng)建的窗口中展示,由此解決了在瀏覽器顯示視窗大小確定的情況下,網(wǎng)頁由于內(nèi)容很多、或者網(wǎng)頁排版等要求,當(dāng)瀏覽器將HTML文檔渲染展示后,得到的網(wǎng)頁中某些元素不夠清晰,用戶無法清楚地進(jìn)行瀏覽的問題,取得了可以將網(wǎng)頁中指定元素利用新窗口進(jìn)行放大顯示,使用戶可以清楚地瀏覽的有益效果。
[0079]上述說明僅是本發(fā)明技術(shù)方案的概述,為了能夠更清楚了解本發(fā)明的技術(shù)手段,而可依照說明書的內(nèi)容予以實(shí)施,并且為了讓本發(fā)明的上述和其它目的、特征和優(yōu)點(diǎn)能夠更明顯易懂,以下特舉本發(fā)明的【具體實(shí)施方式】。
【專利附圖】
【附圖說明】
[0080]通過閱讀下文優(yōu)選實(shí)施方式的詳細(xì)描述,各種其他的優(yōu)點(diǎn)和益處對于本領(lǐng)域普通技術(shù)人員將變得清楚明了。附圖僅用于示出優(yōu)選實(shí)施方式的目的,而并不認(rèn)為是對本發(fā)明的限制。而且在整個附圖中,用相同的參考符號表示相同的部件。在附圖中:
[0081]圖1示出了根據(jù)本發(fā)明一個實(shí)施例的一種瀏覽器中對網(wǎng)頁中指定元素進(jìn)行顯示方法的流程示意圖;
[0082]圖1A和圖1B是圖1實(shí)施例基礎(chǔ)上的示例;
[0083]圖2示出了根據(jù)本發(fā)明一個實(shí)施例的一種瀏覽器中對網(wǎng)頁中指定元素進(jìn)行顯示方法的流程示意圖;
[0084]圖3示出了根據(jù)本發(fā)明一個實(shí)施例的一種瀏覽器中對網(wǎng)頁中指定元素進(jìn)行顯示方法的流程示意圖;
[0085]圖4示出了根據(jù)本發(fā)明一個實(shí)施例的一種瀏覽器中對網(wǎng)頁中指定元素進(jìn)行顯示方法的流程示意圖;
[0086]圖5示出了根據(jù)本發(fā)明一個實(shí)施例的一種瀏覽器中對網(wǎng)頁中指定元素進(jìn)行顯示方法的流程示意圖;
[0087]圖6示出了根據(jù)本發(fā)明一個實(shí)施例的一種瀏覽器中對網(wǎng)頁中指定元素進(jìn)行顯示裝置的結(jié)構(gòu)示意圖;
[0088]圖7示出了根據(jù)本發(fā)明一個實(shí)施例的一種瀏覽器中對網(wǎng)頁中指定元素進(jìn)行顯示裝置的結(jié)構(gòu)示意圖;
[0089]圖8示出了根據(jù)本發(fā)明一個實(shí)施例的一種瀏覽器中對網(wǎng)頁中指定元素進(jìn)行顯示裝置的結(jié)構(gòu)示意圖;
[0090]圖9示出了根據(jù)本發(fā)明一個實(shí)施例的一種瀏覽器中對網(wǎng)頁中指定元素進(jìn)行顯示裝置的結(jié)構(gòu)示意圖;以及
[0091]圖10示出了根據(jù)本發(fā)明一個實(shí)施例的一種瀏覽器中對網(wǎng)頁中指定元素進(jìn)行顯示裝置的結(jié)構(gòu)示意圖。
【具體實(shí)施方式】
[0092]下面將參照附圖更詳細(xì)地描述本公開的示例性實(shí)施例。雖然附圖中顯示了本公開的示例性實(shí)施例,然而應(yīng)當(dāng)理解,可以以各種形式實(shí)現(xiàn)本公開而不應(yīng)被這里闡述的實(shí)施例所限制。相反,提供這些實(shí)施例是為了能夠更透徹地理解本公開,并且能夠?qū)⒈竟_的范圍完整的傳達(dá)給本領(lǐng)域的技術(shù)人員。
[0093]本發(fā)明的核心思想之一是:采用瀏覽器主進(jìn)程對瀏覽器當(dāng)前打開的網(wǎng)址進(jìn)行分析,判斷其是否為特定網(wǎng)頁;然后由當(dāng)前網(wǎng)頁的網(wǎng)頁進(jìn)程對網(wǎng)頁中指定元素的操作進(jìn)行分析;然后將分析結(jié)果返回給瀏覽器主進(jìn)程,由瀏覽器主進(jìn)程根據(jù)所述分析結(jié)果提取對應(yīng)指定元素的放大版的第二元素,瀏覽器主進(jìn)程新建一窗口,將所述第二元素加載至所述新建的窗口中進(jìn)行展示。如此,首先,從效果上來說,可將指定元素在新窗口中進(jìn)行放大顯示,使用戶可以清楚的對指定元素的內(nèi)容;其次,由于網(wǎng)頁進(jìn)程只對網(wǎng)頁本身的內(nèi)容進(jìn)行分析,沒有更多超出網(wǎng)頁進(jìn)程正常權(quán)限的操作,其他的操作比如對網(wǎng)址的分析、第二元素的獲取、窗口的創(chuàng)建和第二元素的加載均由瀏覽器主進(jìn)程執(zhí)行,使網(wǎng)頁進(jìn)程執(zhí)行的邏輯盡量簡單化,避免由于網(wǎng)頁進(jìn)程執(zhí)行過多邏輯導(dǎo)致對網(wǎng)頁文檔渲染的不流暢而使用戶瀏覽不暢;再次,由瀏覽器執(zhí)行新窗口的創(chuàng)建和第二元素的加載展示,還可避免網(wǎng)頁進(jìn)程執(zhí)行超出正常權(quán)限的操作而被安全軟件或者廣告攔截軟件禁用其操作而無法實(shí)現(xiàn)前述對指定元素放大功能的問題。
[0094]實(shí)施例一
[0095]參照圖1,其示出了本發(fā)明一種瀏覽器中對網(wǎng)頁中指定元素進(jìn)行顯示方法,具體可以包括:
[0096]步驟110,瀏覽器主進(jìn)程對當(dāng)前網(wǎng)頁的網(wǎng)址進(jìn)行分析,判斷所述網(wǎng)址是否為特定網(wǎng)頁;
[0097]在本發(fā)明中,對于瀏覽器打開的網(wǎng)頁,將其網(wǎng)址進(jìn)行分析,以判斷所述網(wǎng)址對應(yīng)的網(wǎng)頁是否為特定網(wǎng)頁,如果是,則進(jìn)入步驟120。
[0098]步驟120,如果為特定網(wǎng)頁,瀏覽器主進(jìn)程通知當(dāng)前網(wǎng)頁進(jìn)程去監(jiān)聽當(dāng)前網(wǎng)頁中的指定元素上的操作事件;
[0099]瀏覽器主進(jìn)程在判斷當(dāng)前網(wǎng)頁的網(wǎng)址是特定網(wǎng)頁后,則其通知當(dāng)前網(wǎng)頁進(jìn)程去監(jiān)聽當(dāng)前網(wǎng)頁中的指定元素上的操作事件。在實(shí)際應(yīng)用中,瀏覽器主進(jìn)程可通過IPC通信(Inter-Process Communicat1n,進(jìn)程間通信)通知當(dāng)前網(wǎng)頁的網(wǎng)頁進(jìn)程。
[0100]那么所述網(wǎng)頁進(jìn)程接收到瀏覽器主進(jìn)程發(fā)送的上述通知后,則可對當(dāng)前展示的網(wǎng)頁,監(jiān)聽網(wǎng)頁中的指定元素上的操作事件。
[0101]在本發(fā)明實(shí)施例中,所述指定元素包括圖片元素、視頻元素、文檔元素其中至少一個。
[0102]如圖1A,為本發(fā)明實(shí)施例簡要的瀏覽器示意圖,在圖1A中,S122為在顯示視窗,其中展示瀏覽器的網(wǎng)頁,S126為標(biāo)簽欄,沒個標(biāo)簽欄下面對應(yīng)一個網(wǎng)頁,當(dāng)前切換標(biāo)簽欄中的tab標(biāo)簽時中展示的網(wǎng)頁隨著改變。當(dāng)前S122中展示的為http://ha0.AAA.cn/的頁面,其中有指定元素A(如圖1A中S124)、B、C、D正在展示。那么本發(fā)明偵聽某個指定元素上是否有鼠標(biāo)懸停事件。當(dāng)前顯示視窗S122展示的頁面內(nèi)容為標(biāo)簽I下的頁面內(nèi)容。
[0103]步驟130,若當(dāng)前網(wǎng)頁進(jìn)程監(jiān)聽到指定元素上的操作事件,則對當(dāng)前網(wǎng)頁的指定元素進(jìn)行分析,將分析結(jié)果返回給瀏覽器主進(jìn)程;
[0104]當(dāng)用戶對網(wǎng)頁中的指定元素進(jìn)行操作時,則網(wǎng)頁進(jìn)程可監(jiān)聽對所述指定元素的操作事件,監(jiān)聽到后,則可對當(dāng)前網(wǎng)頁的指定元素進(jìn)行分析,然后將分析結(jié)果返回給瀏覽器主進(jìn)程。網(wǎng)頁進(jìn)程也可通過IPC通信將分析結(jié)果返回給瀏覽器主進(jìn)程。
[0105]在本發(fā)明實(shí)施例中,所述操作事件包括:鼠標(biāo)懸停事件、和/或區(qū)域劃定事件,所述區(qū)域劃定事件為用戶操作鼠標(biāo)在網(wǎng)頁中劃定一個區(qū)域,該區(qū)域可能包括了指定元素。
[0106]在圖1A的示例中,當(dāng)鼠標(biāo)移動至S124所示的指定元素A上懸停時,網(wǎng)頁進(jìn)程則分析指定元素A,獲得分析結(jié)果,該分析結(jié)果用于通知瀏覽器主進(jìn)程去獲取放大版的指定元素A0
[0107]步驟140,瀏覽器主進(jìn)程根據(jù)所述分析結(jié)果獲取對應(yīng)指定元素的第二元素,并將所述第二元素加載至一新創(chuàng)建的窗口中展示。
[0108]瀏覽器接收到網(wǎng)頁進(jìn)程返回的分析結(jié)果,則可根據(jù)所述分析結(jié)果獲取對應(yīng)指定元素的第二元素;然后創(chuàng)建一新的窗口,將所述第二元素加載至一新創(chuàng)建的窗口中展示。
[0109]在本步驟中,實(shí)際可以包括:
[0110]步驟A141,根據(jù)所述分析結(jié)果獲取應(yīng)指定元素的第二元素;
[0111]步驟A142,創(chuàng)建一新的窗口 ;
[0112]步驟A143,并將所述第二元素加載所述新的窗口中展示。
[0113]其中,在創(chuàng)建新窗口時,可根據(jù)第二元素的寬高尺寸進(jìn)行創(chuàng)建,一般直接根據(jù)第二元素寬高尺寸創(chuàng)建一個相應(yīng)大小的窗口即可。在本發(fā)明實(shí)施例中瀏覽器可以調(diào)用窗口創(chuàng)建函數(shù)創(chuàng)建窗口,比如調(diào)用CreateWindow函數(shù)創(chuàng)建窗口。
[0114]當(dāng)然在本發(fā)明中,新窗口可創(chuàng)建在顯示視窗之內(nèi),方便用戶查看。在本發(fā)明中只要將新創(chuàng)建的窗口的父窗口設(shè)置為瀏覽器顯示視窗即可將新創(chuàng)建的窗口限定在瀏覽器顯示視窗之中。
[0115]所述創(chuàng)建一窗口包括:
[0116]子步驟S132,根據(jù)第二元素的寬高尺寸以及鼠標(biāo)的位置,確定所創(chuàng)建窗口的位置。
[0117]本發(fā)明實(shí)施例中,可將新建的窗口建于鼠標(biāo)旁邊,并且可直接根據(jù)第二元素的寬高尺寸創(chuàng)建一個相應(yīng)大小的窗口。
[0118]參考圖1B,其為本發(fā)明新建窗口展示后的示例,當(dāng)鼠標(biāo)S128懸停于S124指示的圖片元素之上,本發(fā)明實(shí)施例則獲取小像素尺寸的“指定元素A”對應(yīng)大像素尺寸的第二元素的“指定元素A”,然后在鼠標(biāo)S128附近新建一個與大像素尺寸的“指定元素A”大小相當(dāng)?shù)男麓翱?,將所述大像素尺寸的“指定元素A”加載至新窗口中展示,即圖1B中的S132。如此用戶即可更清楚的觀看網(wǎng)頁中出現(xiàn)的第二元素。并且,此時用戶繼續(xù)滾動鼠標(biāo)滾輪,網(wǎng)頁可以繼續(xù)滑動,不影響用戶對網(wǎng)頁的操作。
[0119]當(dāng)然,在本發(fā)明中,窗口的大小一般不超過顯示視窗的大小,如果第二元素的寬高尺寸大于顯示視窗的大小,比如第二元素的高度大于顯示視窗的高度,那么只新窗口的高度則為顯示視窗的高度,顯示視窗的寬度的設(shè)置原理類似高度。對于該種情況,可以增設(shè)控制鍵,比如方向鍵,用戶可以再操作方向鍵滾動第二元素在新窗口中的顯示位置,方便用戶瀏覽。
[0120]當(dāng)偵聽到鼠標(biāo)移出事件,比如onmouseout事件,貝U關(guān)閉所述窗口,還可釋放渲染所述第二元素的內(nèi)存。
[0121]優(yōu)選地,還包括:
[0122]步驟150,根據(jù)鼠標(biāo)在第二元素上方的移動,調(diào)整所述窗口的位置。
[0123]在新窗口創(chuàng)建并將第二元素渲染至所述窗口之后,如果用戶移動鼠標(biāo)位置時,將所述窗口跟隨鼠標(biāo)坐標(biāo)的移動而移動。
[0124]在本發(fā)明實(shí)施例中,如果新建窗口初始創(chuàng)建在鼠標(biāo)右側(cè),而鼠標(biāo)向右側(cè)移動時,如果鼠標(biāo)位置到顯示視窗右側(cè)的距離小于窗口的寬度,將窗口移動至鼠標(biāo)左側(cè)展示。其他情形類似處理。
[0125]優(yōu)選地,還包括:
[0126]步驟160,加載并展示針對所述指定元素的功能接口 ;所述功能接口包括全屏播放接口、和/或分享接口、和/或保存接口、和/或?yàn)g覽器設(shè)置接口;其中,所述全屏播放接口包括將所述指定元素的內(nèi)容進(jìn)行全屏播放;所述分享接口包括將所述指定元素的內(nèi)容發(fā)送至第一終端、和/或?qū)⑺鲋付ㄔ氐膬?nèi)容分享至第三網(wǎng)站、和/或?yàn)樗鲋付ㄔ氐膬?nèi)容生成二維碼;所述保存接口包括將所述指定元素的內(nèi)容進(jìn)行保存。
[0127]當(dāng)在第二元素之上聽到鼠標(biāo)操作事件或者指定元素在新建窗口中展示后,則加載并展示針對所述指定元素的功能接口 ;所述功能接口包括全屏播放接口、和/或分享接口、和/或保存接口、和/或?yàn)g覽器設(shè)置接口 ;其中,所述全屏播放接口包括將所述指定元素進(jìn)行全屏播放;所述分享接口包括將所述指定元素發(fā)送至第一終端(比如調(diào)用手機(jī)助手將指定元素發(fā)送至手機(jī)端)、和/或?qū)⑺鲋付ㄔ胤窒碇恋谌W(wǎng)站(比如將指定元素分享至人人網(wǎng)、新浪微博等網(wǎng)站)、和/或?yàn)樗鲋付ㄔ厣啥S碼,用戶采用其他終端掃描該二維碼后,則可打開或者下載指定元素;所述保存接口包括將所述指定元素進(jìn)行保存,比如將網(wǎng)頁中的指定元素從內(nèi)存中提取然后保存至磁盤中。
[0128]當(dāng)然,在本發(fā)明實(shí)施例中,可預(yù)先在瀏覽器中預(yù)置網(wǎng)頁指定元素放大的功能,即實(shí)施前述步驟的邏輯。預(yù)置該功能時,可以通過多種形式嵌入瀏覽器中。比如對于chrome瀏覽器,可通過插件/擴(kuò)展的形式將上述邏輯嵌入瀏覽器,也可以直接將上述邏輯寫入瀏覽器的執(zhí)行代碼中;對于IE瀏覽器,則可以通過BHO (Browser Helper Ob ject,瀏覽器輔助對象)將上述邏輯的插件嵌入瀏覽器中。對于其他瀏覽器也可采用類似措施,本發(fā)明不對其加以限制。
[0129]本發(fā)明實(shí)施例采用瀏覽器主進(jìn)程對瀏覽器當(dāng)前打開的網(wǎng)址進(jìn)行分析,判斷其是否為特定網(wǎng)頁;然后由當(dāng)前網(wǎng)頁的網(wǎng)頁進(jìn)程對網(wǎng)頁中指定元素的操作進(jìn)行分析;然后將分析結(jié)果返回給瀏覽器主進(jìn)程,由瀏覽器主進(jìn)程根據(jù)所述分析結(jié)果提取對應(yīng)指定元素的放大版的第二元素,瀏覽器主進(jìn)程新建一窗口,將所述第二元素加載至所述新建的窗口中進(jìn)行展示。如此,首先,從效果上來說,可將指定元素在新窗口中進(jìn)行放大顯示,使用戶可以清楚的對指定元素的內(nèi)容;其次,由于網(wǎng)頁進(jìn)程只對網(wǎng)頁本身的內(nèi)容進(jìn)行分析,沒有更多超出網(wǎng)頁進(jìn)程正常權(quán)限的操作,其他的操作比如對網(wǎng)址的分析、第二元素的獲取、窗口的創(chuàng)建和第二元素的加載均由瀏覽器主進(jìn)程執(zhí)行,使網(wǎng)頁進(jìn)程執(zhí)行的邏輯盡量簡單化,避免由于網(wǎng)頁進(jìn)程執(zhí)行過多邏輯導(dǎo)致對網(wǎng)頁文檔渲染的不流暢而使用戶瀏覽不暢;再次,由瀏覽器執(zhí)行新窗口的創(chuàng)建和第二元素的加載展示,還可避免網(wǎng)頁進(jìn)程執(zhí)行超出正常權(quán)限的操作而被安全軟件或者廣告攔截軟件禁用其操作而無法實(shí)現(xiàn)前述對指定元素放大功能的問題。
[0130]實(shí)施例二
[0131]參照圖2,其示出了本發(fā)明一種瀏覽器中對網(wǎng)頁中指定元素進(jìn)行顯示方法,具體可以包括:
[0132]步驟210,瀏覽器主進(jìn)程針對當(dāng)前網(wǎng)頁文檔對應(yīng)的網(wǎng)址,根據(jù)以正則表達(dá)式構(gòu)建的網(wǎng)址匹配規(guī)則和/或預(yù)置的網(wǎng)址名單,對所述網(wǎng)址進(jìn)行匹配;當(dāng)網(wǎng)址匹配上,則判斷出所述網(wǎng)頁文檔為帶有指定元素的特定網(wǎng)頁。
[0133]由于很多網(wǎng)頁的第二元素并不具備實(shí)質(zhì)意義,只是廣告、簡介等圖片,對于這些網(wǎng)頁,如果也啟動本發(fā)明的后續(xù)步驟,則會增加瀏覽器占用的資源,為了避免該種情況,本發(fā)明會對瀏覽器打開的網(wǎng)頁進(jìn)行篩選,符合條件的網(wǎng)頁才執(zhí)行本發(fā)明的后續(xù)過程。
[0134]本發(fā)明實(shí)施例可通過對各網(wǎng)站的URL進(jìn)行分析,以正則表達(dá)式構(gòu)建的網(wǎng)址匹配規(guī)貝U,對所述網(wǎng)址進(jìn)行匹配過濾;當(dāng)然,也可以直接對URL構(gòu)建網(wǎng)址名單,將網(wǎng)址名單中的網(wǎng)址執(zhí)行本發(fā)明實(shí)施例的過程。上述兩種匹配方式可以同時使用,也可以單獨(dú)使用。同時使用時,一般先用典型網(wǎng)站的網(wǎng)址名單進(jìn)行快速匹配,匹配不上再用正則表達(dá)式構(gòu)建的網(wǎng)址匹配規(guī)則進(jìn)行匹配。如果是典型網(wǎng)站的URL,則不用執(zhí)行后者的匹配,節(jié)省資源。
[0135]優(yōu)選地,針對當(dāng)前網(wǎng)頁文檔對應(yīng)的網(wǎng)址,根據(jù)以正則表達(dá)式構(gòu)建的網(wǎng)址匹配規(guī)則和/或預(yù)置的網(wǎng)址名單,對所述網(wǎng)址進(jìn)行匹配;當(dāng)網(wǎng)址匹配上,則判斷出所述網(wǎng)頁文檔為帶有指定元素的特定網(wǎng)頁包括:
[0136]步驟子212,瀏覽器主進(jìn)程根據(jù)以正則表達(dá)式構(gòu)建的主站網(wǎng)址匹配規(guī)則,判斷所述網(wǎng)址是否為預(yù)定的主站的網(wǎng)址;
[0137]本發(fā)明實(shí)施例可先以網(wǎng)站為單位進(jìn)行網(wǎng)址過濾,過濾掉不適于使用本發(fā)明第二元素放大功能的網(wǎng)站。先以正則表達(dá)式構(gòu)建的主站網(wǎng)址匹配規(guī)則,然后將瀏覽器打開的網(wǎng)址與所述主站網(wǎng)址匹配規(guī)則進(jìn)行匹配,判斷所述網(wǎng)址是否為預(yù)定的主站的網(wǎng)址。
[0138]比如構(gòu)建主站網(wǎng)址匹配規(guī)則“https ?:// (\w+\.) ? weibo\.com/.該主站網(wǎng)址匹配規(guī)則是判斷網(wǎng)址是否是weibo網(wǎng)站的網(wǎng)址。如果是則進(jìn)入步驟220 ;
[0139]如果所述網(wǎng)址不為預(yù)定的主戰(zhàn)的網(wǎng)址,則不進(jìn)入后續(xù)步驟。
[0140]步驟214,瀏覽器主進(jìn)程如果所述網(wǎng)址為預(yù)定的主站的網(wǎng)址,則根據(jù)以正則表達(dá)式構(gòu)建的站內(nèi)網(wǎng)址匹配規(guī)則,判斷所述網(wǎng)址對應(yīng)的網(wǎng)頁是否為帶有指定元素的特定網(wǎng)頁。
[0141]在確定瀏覽器打開的網(wǎng)址是某個主站的網(wǎng)址后,在對網(wǎng)址進(jìn)行下一步匹配,過濾掉圖片元素不適于執(zhí)行本發(fā)明實(shí)施例第二元素放大功能的網(wǎng)址。因?yàn)楹芏嗑W(wǎng)站下面的很多子網(wǎng)頁并不存在具備實(shí)際內(nèi)容的圖片元素,比如像新浪微博網(wǎng)站下的用戶信息管理網(wǎng)頁、app網(wǎng)頁等子網(wǎng)頁。
[0142]本發(fā)明實(shí)施例則先以正則表達(dá)式構(gòu)建的站內(nèi)網(wǎng)址匹配規(guī)則,然后將瀏覽器打開的網(wǎng)址與所述站內(nèi)網(wǎng)址匹配規(guī)則進(jìn)行匹配,判斷所述網(wǎng)址是否為預(yù)定的子網(wǎng)址。
[0143]比如站內(nèi)網(wǎng)址匹配規(guī)則
[0144]“https ?://app\.weibo\.com/.* I I https ?://service\.weibo\.com/.* I I https ?://weibo\.com/login.php\ ?.*” 其過濾掉帶有 “https ?://app\.weibo\.com”的子網(wǎng)址,或者過濾掉帶有“https ?://service\.weibo\.com/”的子網(wǎng)址,或者過濾掉帶有“https ?://weibo\.com/login, php”的子網(wǎng)址。
[0145]那么對于weibo網(wǎng)站,只保留用戶提供正文內(nèi)容的網(wǎng)頁,比如用戶發(fā)表的評論、照片的網(wǎng)頁。
[0146]如果所述網(wǎng)址不為預(yù)定的特定網(wǎng)頁,則不進(jìn)入后續(xù)步驟。
[0147]步驟220,瀏覽器主進(jìn)程判斷出所述網(wǎng)頁文檔為帶有指定元素的特定網(wǎng)頁后,瀏覽器主進(jìn)程通知當(dāng)前網(wǎng)頁進(jìn)程針對網(wǎng)頁中的指定元素,根據(jù)預(yù)置的過濾規(guī)則對所述指定元素進(jìn)行過濾,以及通知當(dāng)前網(wǎng)頁進(jìn)程去監(jiān)聽當(dāng)前網(wǎng)頁中的指定元素上的操作事件;
[0148]則網(wǎng)頁進(jìn)程則針對網(wǎng)頁中的指定元素,根據(jù)預(yù)置的過濾規(guī)則對所述指定元素進(jìn)行過濾,然后監(jiān)聽當(dāng)前網(wǎng)頁中的指定元素上的操作事件。
[0149]在本發(fā)明實(shí)施例中,不必對所有的第二元素進(jìn)行本發(fā)明實(shí)施例的第二元素放大功能。可以對不需要執(zhí)行本發(fā)明第二元素放大功能的第二元素進(jìn)行過濾。對保留的第二元素進(jìn)入步驟230。
[0150]步驟230,當(dāng)前網(wǎng)頁進(jìn)程針對網(wǎng)頁中的指定元素,根據(jù)預(yù)置的過濾規(guī)則對所述指定元素進(jìn)行過濾;
[0151]步驟240,當(dāng)前網(wǎng)頁進(jìn)程去監(jiān)聽當(dāng)前網(wǎng)頁中的指定元素上的操作事件;若當(dāng)前網(wǎng)頁進(jìn)程監(jiān)聽到指定元素上的操作事件,則進(jìn)入步驟250 ;
[0152]步驟250,當(dāng)前網(wǎng)頁進(jìn)程對當(dāng)前網(wǎng)頁的指定元素進(jìn)行分析,將分析結(jié)果返回給瀏覽器主進(jìn)程。
[0153]步驟260,瀏覽器主進(jìn)程根據(jù)所述分析結(jié)果獲取對應(yīng)指定元素的第二元素,并將所述第二元素加載至一新創(chuàng)建的窗口中展示。
[0154]本發(fā)明與實(shí)施例一類似的步驟原理類似,在此不再詳述。
[0155]本發(fā)明實(shí)施例的瀏覽器主進(jìn)程按主站和站內(nèi)兩層過濾機(jī)制,不用對每一個網(wǎng)址進(jìn)行全匹配過濾,提高了過濾效率,降低系統(tǒng)資源的占用。并且本發(fā)明實(shí)施例可以對不必要進(jìn)行放大的第二元素進(jìn)行過濾,也降低了系統(tǒng)資源的占用,避免無用的第二元素的放大去干擾用戶的瀏覽。然后,本發(fā)明實(shí)施例從效果上來說,可將指定元素在新窗口中進(jìn)行放大顯示,使用戶可以清楚的對指定元素的內(nèi)容;其次,由于網(wǎng)頁進(jìn)程只對網(wǎng)頁本身的內(nèi)容進(jìn)行分析,沒有更多超出網(wǎng)頁進(jìn)程正常權(quán)限的操作,其他的操作比如對網(wǎng)址的分析、第二元素的獲取、窗口的創(chuàng)建和第二元素的加載均由瀏覽器主進(jìn)程執(zhí)行,使網(wǎng)頁進(jìn)程執(zhí)行的邏輯盡量簡單化,避免由于網(wǎng)頁進(jìn)程執(zhí)行過多邏輯導(dǎo)致對網(wǎng)頁文檔渲染的不流暢而使用戶瀏覽不暢;再次,由瀏覽器執(zhí)行新窗口的創(chuàng)建和第二元素的加載展示,還可避免網(wǎng)頁進(jìn)程執(zhí)行超出正常權(quán)限的操作而被安全軟件或者廣告攔截軟件禁用其操作而無法實(shí)現(xiàn)前述對指定元素放大功能的問題。
[0156]實(shí)施例三
[0157]參照圖3,其示出了本發(fā)明一種瀏覽器中對網(wǎng)頁中圖片進(jìn)行顯示方法,具體可以包括:
[0158]步驟310,瀏覽器主進(jìn)程對當(dāng)前網(wǎng)頁的網(wǎng)址進(jìn)行分析,判斷所述網(wǎng)址是否為帶有圖片元素的特定網(wǎng)頁;
[0159]步驟320,如果為特定網(wǎng)頁,瀏覽器主進(jìn)程通知當(dāng)前網(wǎng)頁進(jìn)程在監(jiān)聽當(dāng)前網(wǎng)頁中的圖片元素上的鼠標(biāo)懸停事件;
[0160]在實(shí)際應(yīng)用中,HTML文檔中的圖片元素一般是圖片標(biāo)簽<img>定義圖片元素,其原型大致為“〈img src = 〃 圖片路徑"width = "x"height = "y"alt = ""/>,,, src ="圖片路徑〃,圖片路徑一般為網(wǎng)址,即URL(統(tǒng)一資源定位符,Universal Resource Locator),瀏覽器的渲染引擎讀取到該段代碼時,會根據(jù)URL相應(yīng)的圖床服務(wù)器下載圖片進(jìn)行渲染;width = 〃x〃表示圖片在網(wǎng)頁中展示的寬,height = 〃y〃表示圖片在網(wǎng)頁中展示的高,width、height兩者合起來就表示圖片元素的尺寸大小;Alt設(shè)置對這張圖片文字描述。對于圖片元素,HTML文檔中的CSS文件會確定其在網(wǎng)頁中的位置。
[0161]本發(fā)明實(shí)施例中,當(dāng)瀏覽器從服務(wù)器獲取HTML文檔并渲染展示到網(wǎng)頁中后,用戶在瀏覽網(wǎng)頁的過程中,瀏覽器會監(jiān)聽網(wǎng)頁中圖片元素上的鼠標(biāo)懸停事件,比如監(jiān)控前述<img>標(biāo)簽所在區(qū)域上的鼠標(biāo)懸停事件,比如mouseover事件。
[0162]其中,監(jiān)聽網(wǎng)頁中圖片元素上的鼠標(biāo)懸停事件過程可以包括:
[0163]Al,監(jiān)聽鼠標(biāo)在網(wǎng)頁中的onmouseover事件;
[0164]A2,如果監(jiān)聽到onmouseover事件,獲取鼠標(biāo)當(dāng)前在網(wǎng)頁中的坐標(biāo);
[0165]比如通過event.clientX函數(shù)獲取鼠標(biāo)在頁面顯示視窗中的橫坐標(biāo),通過event.clientY函數(shù)獲取鼠標(biāo)在頁面顯示視窗中的縱坐標(biāo),通過document, body, scrolILeft獲取網(wǎng)頁向右卷的長度,通過document, body.scrollTop獲取網(wǎng)頁向上卷積的長度,那么鼠標(biāo)在網(wǎng)頁中的橫坐標(biāo) tempx = event.clientX+document.body.scrollLeft,縱坐標(biāo)為 tempy=event.clientY+document.body.scrollTop ;
[0166]A3,獲取網(wǎng)頁中圖片元素的坐標(biāo)區(qū)域;
[0167]比如獲取每個圖片元素相對于網(wǎng)頁頂部的top值以及相對于網(wǎng)頁左側(cè)的left值,即可知道圖片元素的坐標(biāo)區(qū)域右上角的坐標(biāo)(top,left),然后獲取圖片元素的width、height,即可計(jì)算圖片元素矩形區(qū)域的坐標(biāo)范圍,比如圖片元素橫坐標(biāo)的范圍為left+width,縱坐標(biāo)的范圍為 top-height。
[0168]A4,判斷鼠標(biāo)當(dāng)前的坐標(biāo)是否在所述某個圖片元素的坐標(biāo)區(qū)域內(nèi),如果是則判斷鼠標(biāo)懸停于該圖片元素之上;
[0169]那么判斷所述tempx、tempy 分別屬于哪個(left, left+width)、(top-height,top)內(nèi)的坐標(biāo),當(dāng)鼠標(biāo)的坐標(biāo)均在某個坐標(biāo)區(qū)域內(nèi),則確定鼠標(biāo)懸停于坐標(biāo)區(qū)域?qū)?yīng)的圖片元素之上。進(jìn)入后續(xù)步驟。
[0170]當(dāng)然還可通過其他方式監(jiān)聽網(wǎng)頁中圖片元素上的鼠標(biāo)懸停事件,比如獲取圖片元素在顯示視窗中的坐標(biāo)區(qū)域,以及鼠標(biāo)在顯示視窗中的坐標(biāo),即可判斷鼠標(biāo)是否懸停于圖片元素之上。具體監(jiān)聽過程,本發(fā)明不對其加以限制。
[0171]步驟330,當(dāng)前網(wǎng)頁進(jìn)程在監(jiān)聽當(dāng)前網(wǎng)頁中的圖片元素上的鼠標(biāo)懸停事件,判斷是否監(jiān)聽到圖片元素上的鼠標(biāo)懸停事件;
[0172]步驟340,若當(dāng)前網(wǎng)頁進(jìn)程監(jiān)聽到圖片元素上的鼠標(biāo)懸停事件,則對當(dāng)前網(wǎng)頁的圖片元素進(jìn)行分析,將分析結(jié)果返回給瀏覽器主進(jìn)程;
[0173]在本發(fā)明實(shí)施例中,可分析圖片元素中第一圖片對應(yīng)的第二圖片的URL,然后將URL返回給瀏覽器主進(jìn)程。
[0174]步驟350,瀏覽器主進(jìn)程根據(jù)所述分析結(jié)果獲取對應(yīng)圖片元素的第二圖片,并將所述第二圖片加載至一新創(chuàng)建的窗口中展示。
[0175]在本發(fā)明實(shí)施例中,實(shí)際上是獲取對應(yīng)圖片元素中第一圖片的第二圖片。然后創(chuàng)建一個新窗口,將所述第二圖片加載至新窗口中展示。
[0176]在創(chuàng)建新窗口時,可根據(jù)第二圖片的像素尺寸進(jìn)行創(chuàng)建,一般直接根據(jù)第二圖片像素尺寸大小創(chuàng)建一個相應(yīng)大小的窗口即可。在本發(fā)明實(shí)施例中瀏覽器可以調(diào)用窗口創(chuàng)建函數(shù)創(chuàng)建窗口,比如調(diào)用CreateWindow函數(shù)創(chuàng)建窗口。
[0177]當(dāng)然在本發(fā)明中,新窗口可創(chuàng)建在顯示視窗之內(nèi),方便用戶查看。在本發(fā)明中只要將新創(chuàng)建的窗口的父窗口設(shè)置為瀏覽器顯示視窗即可將新創(chuàng)建的窗口限定在瀏覽器顯示視窗之中。
[0178]在本發(fā)明實(shí)施例中,將所述獲取的第二圖片加載時所述窗口中展示時,可先對第二圖片進(jìn)行解碼,然后才能加載至所述窗口中展示。
[0179]所述創(chuàng)建一窗口包括:
[0180]子步驟S332,根據(jù)第二圖片的大小尺寸以及鼠標(biāo)的位置,確定所創(chuàng)建窗口的位置。
[0181]本發(fā)明實(shí)施例中,可將新建的窗口建于鼠標(biāo)旁邊,并且可直接根據(jù)第二圖片像素尺寸大小創(chuàng)建一個相應(yīng)大小的窗口。
[0182]當(dāng)然,在本發(fā)明中,窗口的大小一般不超過顯示視窗的大小,如果第二圖片的像素尺寸大于顯示視窗的大小,比如圖片的高度大于顯示視窗的高度,那么只新窗口的高度則為顯示視窗的高度,顯示視窗的寬度的設(shè)置原理類似高度。對于該種情況,可以增設(shè)控制鍵,比如方向鍵,用戶可以再操作方向鍵滾動圖片在新窗口中的顯示位置,方便用戶瀏覽。
[0183]當(dāng)偵聽到鼠標(biāo)移出事件,比如onmouseout事件,則關(guān)閉所述窗口,還可釋放渲染所述第二圖片的內(nèi)存。
[0184]優(yōu)選地,還包括:
[0185]步驟360,根據(jù)鼠標(biāo)在圖片元素上方的移動,調(diào)整所述窗口的位置。
[0186]在新窗口創(chuàng)建并將第二圖片渲染至所述窗口之后,如果用戶移動鼠標(biāo)位置時,將所述窗口跟隨鼠標(biāo)坐標(biāo)的移動而移動。
[0187]在本發(fā)明實(shí)施例中,如果新建窗口初始創(chuàng)建在鼠標(biāo)右側(cè),而鼠標(biāo)向右側(cè)移動時,如果鼠標(biāo)位置到顯示視窗右側(cè)的距離小于窗口的寬度,將窗口移動至鼠標(biāo)左側(cè)展示。其他情形類似處理。
[0188]優(yōu)選地,還包括:
[0189]步驟370,加載并展示針對當(dāng)前圖片元素的功能接口 ;所述功能接口包括全屏播放接口、和/或分享接口、和/或保存接口、和/或?yàn)g覽器設(shè)置接口;其中,所述全屏播放接口包括將所述第一圖片進(jìn)行全屏播放;所述分享接口包括將所述第一圖片發(fā)送至第一終端、和/或?qū)⑺龅谝粓D片分享至第三網(wǎng)站、和/或?yàn)樗龅谝粓D片生成二維碼;所述保存接口包括將所述第一圖片進(jìn)行保存。
[0190]當(dāng)在圖片元素之上聽到鼠標(biāo)懸停事件或者第二圖片在新建窗口中展示后,則加載并展示針對當(dāng)前圖片元素的功能接口 ;所述功能接口包括全屏播放接口、和/或分享接口、和/或保存接口、和/或?yàn)g覽器設(shè)置接口 ;其中,所述全屏播放接口包括將所述第一圖片進(jìn)行全屏播放;所述分享接口包括將所述第一圖片發(fā)送至第一終端(比如調(diào)用手機(jī)助手將第一圖片發(fā)送至手機(jī)端)、和/或?qū)⑺龅谝粓D片分享至第三網(wǎng)站(比如將第一圖片分享至人人網(wǎng)、新浪微博等網(wǎng)站)、和/或?yàn)樗龅谝粓D片生成二維碼,用戶采用其他終端掃描該二維碼后,則可打開或者下載第一圖片;所述保存接口包括將所述第一圖片進(jìn)行保存,比如將網(wǎng)頁中的第一圖片從內(nèi)存中提取然后保存至磁盤中。
[0191]本發(fā)明與實(shí)施例一、二類似的步驟原理類似,在此不再詳述。
[0192]在web網(wǎng)頁應(yīng)用中,圖片提供方一般會在圖床服務(wù)器上,對同一內(nèi)容的圖片存儲兩張圖片,一張為小像素尺寸的圖片,一張為大像素尺寸的圖片;其小像素尺寸的圖片可能是由大像素尺寸圖片截取的一部分,也可能直接是由大像素尺寸圖片降低像素尺寸而來。而由于網(wǎng)頁CSS樣式布局習(xí)慣,為了不影響用戶對網(wǎng)頁的整體瀏覽器,一般網(wǎng)頁的HTML文檔中,其圖片元素引用的圖片路徑基本上為小尺寸圖片的網(wǎng)址,那么在這種情況下,對于用戶來說,可能由于圖片較小而無法清楚地觀看圖片,也可能由于圖片只是原圖的一部分而無法完整地觀看原圖。
[0193]而本發(fā)明實(shí)施例對于網(wǎng)頁中展示的第一圖片,當(dāng)用戶操作鼠標(biāo)懸停至該圖片之上時,本發(fā)明實(shí)施例則提取與該第一圖片對應(yīng)的第二圖片,然后創(chuàng)建一個窗口,將所述第二圖片加載至所述窗口中展示。如此,可以直接在瀏覽器窗口中將與網(wǎng)頁中第一圖片展示相同內(nèi)容的第二圖片進(jìn)行展示,不用改變網(wǎng)頁本身的展示結(jié)構(gòu),也不用進(jìn)行點(diǎn)擊進(jìn)入類似相冊的展示界面,即可使用戶清楚、完整地查看圖片內(nèi)容,用戶操作簡單,不會影響用戶對頁面的正常瀏覽,實(shí)現(xiàn)了輕量化的放大化圖片展示。
[0194]實(shí)施例
[0195]參照圖4,其示出了本發(fā)明一種瀏覽器中對網(wǎng)頁中圖片進(jìn)行顯示方法,具體可以包括:
[0196]步驟410,瀏覽器主進(jìn)程根據(jù)以正則表達(dá)式構(gòu)建的主站網(wǎng)址匹配規(guī)則,判斷所述網(wǎng)址是否為預(yù)定的主站的網(wǎng)址;如果所述網(wǎng)址為預(yù)定的主站的網(wǎng)址,則進(jìn)入步驟412 ;
[0197]本發(fā)明實(shí)施例可先以網(wǎng)站為單位進(jìn)行網(wǎng)址過濾,過濾掉不適于使用本發(fā)明圖片放大鏡功能的網(wǎng)站。先以正則表達(dá)式構(gòu)建的主站網(wǎng)址匹配規(guī)則,然后將瀏覽器打開的網(wǎng)址與所述主站網(wǎng)址匹配規(guī)則進(jìn)行匹配,判斷所述網(wǎng)址是否為預(yù)定的主站的網(wǎng)址。
[0198]比如構(gòu)建主站網(wǎng)址匹配規(guī)則“https ?:// (\w+\.) ? weibo\.com/.該主站網(wǎng)址匹配規(guī)則是判斷網(wǎng)址是否是weibo網(wǎng)站的網(wǎng)址。
[0199]步驟412,瀏覽器主進(jìn)程根據(jù)以正則表達(dá)式構(gòu)建的站內(nèi)網(wǎng)址匹配規(guī)則,判斷所述網(wǎng)址對應(yīng)的網(wǎng)頁是否為站內(nèi)帶有圖片元素的特定網(wǎng)頁;
[0200]在確定瀏覽器打開的網(wǎng)址是某個主站的網(wǎng)址后,在對網(wǎng)址進(jìn)行下一步匹配,過濾掉圖片元素不適于執(zhí)行本發(fā)明實(shí)施例圖片放大鏡功能的網(wǎng)址。因?yàn)楹芏嗑W(wǎng)站下面的很多子網(wǎng)頁并不存在具備實(shí)際內(nèi)容的圖片元素,比如像新浪微博網(wǎng)站下的用戶信息管理網(wǎng)頁、app網(wǎng)頁等子網(wǎng)頁。
[0201]本發(fā)明實(shí)施例則先以正則表達(dá)式構(gòu)建的站內(nèi)網(wǎng)址匹配規(guī)則,然后將瀏覽器打開的網(wǎng)址與所述站內(nèi)網(wǎng)址匹配規(guī)則進(jìn)行匹配,判斷所述網(wǎng)址是否為預(yù)定的子網(wǎng)址。
[0202]比如站內(nèi)網(wǎng)址匹配規(guī)則
[0203]“https ?://app\.weibo\.com/.* I I https ?://service\.weibo\.com/.* I I https ?://weibo\.com/login.php\ ?.*” 其過濾掉帶有 “https ?://app\.weibo\.com”的子網(wǎng)址,或者過濾掉帶有“https ?://service\.weibo\.com/”的子網(wǎng)址,或者過濾掉帶有“https ?://weibo\.com/login, php”的子網(wǎng)址。
[0204]那么對于weibo網(wǎng)站,只保留用戶提供正文內(nèi)容的網(wǎng)頁,比如用戶發(fā)表的評論、照片的網(wǎng)頁。
[0205]步驟414,如果所述網(wǎng)址對應(yīng)的網(wǎng)頁是站內(nèi)帶有圖片元素的特定網(wǎng)頁;則瀏覽器主進(jìn)程通知當(dāng)前網(wǎng)頁進(jìn)程針對網(wǎng)頁中的圖片元素,根據(jù)預(yù)置的過濾規(guī)則對所述圖片元素進(jìn)行過濾,以及通知監(jiān)聽當(dāng)前網(wǎng)頁中的圖片元素上的鼠標(biāo)懸停事件;
[0206]步驟416,網(wǎng)頁進(jìn)程針對網(wǎng)頁中的圖片元素,根據(jù)預(yù)置的過濾規(guī)則對所述圖片元素進(jìn)行過濾;過濾完之后進(jìn)入步驟418 ;
[0207]在本發(fā)明實(shí)施例中,不必對所有的圖片元素進(jìn)行本發(fā)明實(shí)施例的圖片放大鏡功能??梢詫Σ恍枰獔?zhí)行本發(fā)明圖片放大鏡功能的圖片元素進(jìn)行過濾。對保留的圖片元素進(jìn)入步驟418。
[0208]優(yōu)選地,所述針對網(wǎng)頁中的圖片元素,根據(jù)預(yù)置的圖片規(guī)則對所述圖片元素進(jìn)行過濾,包括:
[0209]子步驟S4161,網(wǎng)頁進(jìn)程判斷所述圖片元素中第一圖片尺寸是否達(dá)到第一閾值;如果未達(dá)到,則監(jiān)聽所述圖片元素上的鼠標(biāo)懸停事件;如果達(dá)到,則不監(jiān)聽所述圖片元素上的鼠標(biāo)懸停事件。
[0210]在實(shí)際應(yīng)用中,圖片元素中第一圖片的像素尺寸可能已經(jīng)足夠用戶看清楚圖片內(nèi)容,那么可以不監(jiān)聽該種圖片元素上的鼠標(biāo)懸停事件,進(jìn)而不用獲取對應(yīng)第一圖片的第二圖片。
[0211]在本發(fā)明實(shí)施例中,所述第一閾值為圖片元素中第一圖片尺寸的最大像素值,比如200*200 ;如果大于等于第一閾值,則不進(jìn)入步驟418,如果小于第一閾值,則進(jìn)入步驟418。
[0212]優(yōu)選地,所述針對網(wǎng)頁中的圖片元素,根據(jù)預(yù)置的圖片規(guī)則對所述圖片元素進(jìn)行過濾,包括:
[0213]子步驟S4162,網(wǎng)頁進(jìn)程將所述圖片元素屬于廣告節(jié)點(diǎn)的圖片元素、導(dǎo)航欄節(jié)點(diǎn)的圖片元素、非正文節(jié)點(diǎn)的圖片元素中的一個或者多個進(jìn)行過濾。
[0214]在實(shí)際應(yīng)用中,網(wǎng)頁中可能存在廣告圖片、導(dǎo)航欄圖片、非正文部分的圖片等在用戶習(xí)慣上不怎么關(guān)注的圖片,那么即可把這些圖片所在的圖片元素進(jìn)行過濾。
[0215]當(dāng)然,本發(fā)明在過濾是可以直接將文檔節(jié)點(diǎn)等非圖片元素節(jié)點(diǎn)進(jìn)行忽略。
[0216]步驟418,當(dāng)前網(wǎng)頁進(jìn)程監(jiān)聽網(wǎng)頁中圖片元素上的鼠標(biāo)懸停事件;若監(jiān)聽到網(wǎng)頁中圖片元素上的鼠標(biāo)懸停事件,進(jìn)入步驟420 ;
[0217]步驟420,網(wǎng)頁進(jìn)程獲取所述圖片元素中對應(yīng)第一圖片的網(wǎng)址,并將所述第一圖片的網(wǎng)址返回瀏覽器主進(jìn)程;
[0218]在實(shí)際應(yīng)用中,瀏覽器是根據(jù)圖片元素中第一圖片的網(wǎng)址下載圖片進(jìn)行渲染的,本發(fā)明實(shí)施例則獲取第一圖片的網(wǎng)址返回瀏覽器主進(jìn)程。
[0219]步驟422,瀏覽器主進(jìn)程對所述第一圖片的網(wǎng)址進(jìn)行圖片正則表達(dá)式匹配,以獲取第二圖片的網(wǎng)址;
[0220]本發(fā)明實(shí)施例針對各網(wǎng)站的采用的圖片服務(wù)器的網(wǎng)址,以正則表達(dá)式構(gòu)建圖片正則表達(dá)式匹配規(guī)則,對第一圖片的網(wǎng)址進(jìn)行匹配,以將第一圖片的網(wǎng)址中的小尺寸像素圖片路徑替換為大尺寸像素圖片路徑,然后即可獲得第二圖片的網(wǎng)址。
[0221]比如針對新浪微博的網(wǎng)站構(gòu)建正則表達(dá)式“((?:ww| ss) \d+\.sinaimg\.cn/) ( ? mall I thumbnail Ic ? mw\d+|sq\d+1thumb\d+|square) (/.+\.(jpe ? g|gif I png)) ii\llarge\2 I | (( ?: ww | ss) \d+\.sinaimg\.cn/wap) \d+ (/.+\.( ?: jpe ?gI gif I png))ii\1800\2| |(r\d+\.sinaimg\.cn/.+ ? /) ( ?:\d+x)+\d+ (\.( ?: jpe ?gI gif png))ii\12000x2000xl00x0x0x0\2| | (mu\d+\.sinaimg\.cn/square\.)\d+ (/weiyinyue\.music\.sina\.com\.cn/.+ ? \.( ?: jpe ? g | gif | png)) ii\1240\2 I I (( ?: ww I ss) \d+\.sinaimg\.cn/) ( ?: thumb\d+1 square |mw\d+1middle) (/.+) @@\llarge\2,,
[0222]上述四個“ I I ”分開了 5個圖片正則表達(dá)式,每個正則表達(dá)式表示替換一個將將第一圖片的網(wǎng)址中的小尺寸像素圖片路徑替換為小尺寸像素圖片路徑的規(guī)則。
[0223]比如對于小圖的網(wǎng)址“http://ww4.sinaimg.cn/thumbl50/67dd74e0gwlek7cn9hhrzj20c808aab8.jpg”利用上述圖片正則表達(dá)式進(jìn)行匹配,知道要將第二個字段“thumbl50”替換為大尺寸像素圖片路徑,如“l(fā)arge”,那么得到第二圖片的網(wǎng)址為“http://WW4.sinaimg.cn/large/67dd74e0gwlek7cn9hhrz j20c808aab8.jpg,,。
[0224]步驟424,瀏覽器主進(jìn)程根據(jù)所述第二圖片的網(wǎng)址,下載所述第二圖片。
[0225]然后幾個根據(jù)第二圖片的網(wǎng)址,從圖片服務(wù)器下載第二圖片,在后續(xù)步驟中進(jìn)行加載展示。
[0226]步驟426,瀏覽器主進(jìn)程創(chuàng)建一窗口,并將所述第二圖片加載至所述窗口中展示。
[0227]在本發(fā)明實(shí)施例中前述網(wǎng)址匹配規(guī)則、網(wǎng)站名單以及圖片元素過濾規(guī)則均可以配置文件的形式進(jìn)行存儲,瀏覽器啟動時則讀取所述配置文件。
[0228]本發(fā)明與實(shí)施例一、二、三類似的步驟原理類似,在此不再詳述。
[0229]而本發(fā)明實(shí)施例可對瀏覽器打開的網(wǎng)頁進(jìn)行過濾,保留對于用戶來說,最習(xí)慣查看圖片的網(wǎng)站,也可對瀏覽器打開的網(wǎng)頁中的圖片元素進(jìn)行過濾,比如過濾到廣告圖片、導(dǎo)航圖片等,保留用戶最關(guān)注的圖片元素,那么對于網(wǎng)頁中展示的第一圖片,當(dāng)用戶操作鼠標(biāo)懸停至該圖片之上時,本發(fā)明實(shí)施例則提取與該第一圖片對應(yīng)的第二圖片,然后創(chuàng)建一個窗口,將所述第二圖片加載至所述窗口中展示。如此,可以更精準(zhǔn)的直接在瀏覽器窗口中將與網(wǎng)頁中第一圖片展示相同內(nèi)容的第二圖片進(jìn)行展示,不用改變網(wǎng)頁本身的展示結(jié)構(gòu),也不用進(jìn)行點(diǎn)擊進(jìn)入類似相冊的展示界面,即可使用戶清楚、完整地查看圖片內(nèi)容,用戶操作簡單,不會影響用戶對頁面的正常瀏覽,實(shí)現(xiàn)了輕量化的放大化圖片展示;并且,由于過濾了前述網(wǎng)址和圖片元素,可以不用彈出用戶不關(guān)注的圖片展示窗口,同時節(jié)省系統(tǒng)資源。
[0230]實(shí)施例五
[0231]參照圖5,其示出了本發(fā)明一種瀏覽器中對網(wǎng)頁中指定元素進(jìn)行顯示方法,具體可以包括:
[0232]步驟510,瀏覽器主進(jìn)程對當(dāng)前網(wǎng)頁的網(wǎng)址進(jìn)行分析,判斷所述網(wǎng)址是否為特定網(wǎng)頁;
[0233]步驟520,判斷所述網(wǎng)址是特定網(wǎng)頁,則瀏覽器主進(jìn)程通知當(dāng)前網(wǎng)頁進(jìn)程監(jiān)聽當(dāng)前網(wǎng)頁中的文檔元素上的劃定操作;
[0234]步驟530,當(dāng)前網(wǎng)頁進(jìn)程監(jiān)聽當(dāng)前網(wǎng)頁中的文檔元素上的劃定操作;如果監(jiān)聽到當(dāng)前網(wǎng)頁中的文檔元素上的劃定操作,則進(jìn)入步驟540 ;
[0235]在本發(fā)明實(shí)施例中瀏覽器的網(wǎng)頁進(jìn)程可接收用戶在網(wǎng)頁中的劃定操作,比如用戶劃定一個矩形,一個三角形等規(guī)則或者不規(guī)則的情況。
[0236]步驟540,當(dāng)前網(wǎng)頁進(jìn)程根據(jù)所述劃定操作,提取劃定區(qū)域范圍內(nèi)的文檔內(nèi)容,并將所述文檔內(nèi)容返回給瀏覽器主進(jìn)程;
[0237]在HTML文檔中,每一個元素都會由其對應(yīng)的CSS (級聯(lián)樣式表,Cascading StyleSheet)規(guī)定,那么其顯示位置是相對網(wǎng)頁而言是固定的。本發(fā)明在確定用戶在瀏覽器顯示視窗中劃定的坐標(biāo)區(qū)域后,可將其換算為在網(wǎng)頁中的坐標(biāo)區(qū)域,然后根據(jù)指定元素的坐標(biāo),判斷哪些指定元素在該坐標(biāo)范圍之內(nèi),比如對于文檔元素,可以將劃定區(qū)域內(nèi)的文檔元素的文檔內(nèi)容提取出來,然后返回給瀏覽器主進(jìn)程。
[0238]步驟550,瀏覽器主進(jìn)程根據(jù)所述文檔內(nèi)容,獲取放大后的文檔內(nèi)容,并將所述放大后的文檔內(nèi)容加載至一新創(chuàng)建的窗口中展示。
[0239]瀏覽器主進(jìn)程可將所述文檔內(nèi)容的字體進(jìn)行放大,然后創(chuàng)建一個窗口,將所述放大后的文檔內(nèi)容加載至所述新窗口中顯示。
[0240]在本發(fā)明實(shí)施例中,如果劃定區(qū)域內(nèi)存在圖片元素,則可按照實(shí)施例四中的步驟獲取對應(yīng)的第二圖片,然后與文檔元素一并加載至所述新建的窗口中展示。
[0241]本發(fā)明與實(shí)施例一、二、三、四類似的步驟原理類似,在此不再詳述。
[0242]本發(fā)明實(shí)施例可以通過劃定的方式將劃定區(qū)域的指定元素在新建的窗口中進(jìn)行展示。本發(fā)明實(shí)施例的瀏覽器主進(jìn)程按主站和站內(nèi)兩層過濾機(jī)制,不用對每一個網(wǎng)址進(jìn)行全匹配過濾,提高了過濾效率,降低系統(tǒng)資源的占用。并且本發(fā)明實(shí)施例可以對不必要進(jìn)行放大的第二元素進(jìn)行過濾,也降低了系統(tǒng)資源的占用,避免無用的第二元素的放大去干擾用戶的瀏覽。
[0243]實(shí)施例六
[0244]參照圖6,其示出了本發(fā)明一種瀏覽器中對網(wǎng)頁中指定元素進(jìn)行顯示裝置,具體可以包括:
[0245]瀏覽器主進(jìn)程模塊610,和網(wǎng)頁進(jìn)程模塊620 ;
[0246]所述瀏覽器主進(jìn)程模塊610包括:
[0247]網(wǎng)頁分析模塊611,適于瀏覽器主進(jìn)程對當(dāng)前網(wǎng)頁的網(wǎng)址進(jìn)行分析,判斷所述網(wǎng)址是否為特定網(wǎng)頁;
[0248]通知模塊612,適于如果為特定網(wǎng)頁,瀏覽器主進(jìn)程通知當(dāng)前網(wǎng)頁進(jìn)程監(jiān)聽當(dāng)前網(wǎng)頁中的指定元素上的操作事件;
[0249]展示模塊613,適于瀏覽器主進(jìn)程根據(jù)所述分析結(jié)果獲取對應(yīng)指定元素的第二元素,并將所述第二元素加載至一新創(chuàng)建的窗口中展示。
[0250]所述網(wǎng)頁進(jìn)程模塊620包括:
[0251]監(jiān)控模塊621,適于當(dāng)前網(wǎng)頁進(jìn)程監(jiān)聽當(dāng)前網(wǎng)頁中的指定元素上的操作事件;當(dāng)監(jiān)聽到指定元素上的操作事件,則對當(dāng)前網(wǎng)頁的指定元素進(jìn)行分析,將分析結(jié)果返回給瀏覽器主進(jìn)程;
[0252]優(yōu)選地,所述指定元素包括圖片元素、視頻元素、文檔元素其中至少一個。
[0253]優(yōu)選地,所述展示模塊613包括:
[0254]窗口位置確定模塊,適于在瀏覽器主進(jìn)程新窗口時,根據(jù)第二元素的大小以及鼠標(biāo)的位置,確定所創(chuàng)建窗口的位置。
[0255]優(yōu)選地,所述指定元素包括圖片元素、視頻元素、文檔元素其中至少一個。
[0256]優(yōu)選地,還包括:
[0257]窗口移動模塊,適于根據(jù)鼠標(biāo)在指定元素上方的移動,調(diào)整所述窗口的位置。
[0258]優(yōu)選地,還包括:
[0259]接口展示模塊,適于加載并展示針對所述指定元素的功能接口 ;所述功能接口包括全屏播放接口、和/或分享接口、和/或保存接口、和/或?yàn)g覽器設(shè)置接口;其中,所述全屏播放接口包括將所述指定元素的內(nèi)容進(jìn)行全屏播放;所述分享接口包括將所述指定元素的內(nèi)容發(fā)送至第一終端、和/或?qū)⑺鲋付ㄔ氐膬?nèi)容分享至第三網(wǎng)站、和/或?yàn)樗鲋付ㄔ氐膬?nèi)容生成二維碼;所述保存接口包括將所述指定元素的內(nèi)容進(jìn)行保存。
[0260]其中網(wǎng)頁進(jìn)程模塊可包括多個。
[0261]實(shí)施例七
[0262]參照圖7,其示出了本發(fā)明一種瀏覽器中對網(wǎng)頁中指定元素進(jìn)行顯示裝置,具體可以包括:
[0263]瀏覽器主進(jìn)程模塊710,和網(wǎng)頁進(jìn)程模塊720 ;
[0264]所述瀏覽器主進(jìn)程模塊710包括:
[0265]網(wǎng)頁分析模塊711,所述網(wǎng)頁分析模塊711包括:
[0266]網(wǎng)址匹配模塊7111,適于針對當(dāng)前網(wǎng)頁文檔對應(yīng)的網(wǎng)址,根據(jù)以正則表達(dá)式構(gòu)建的網(wǎng)址匹配規(guī)則和/或預(yù)置的網(wǎng)址名單,對所述網(wǎng)址進(jìn)行匹配;當(dāng)網(wǎng)址匹配上,則判斷出所述網(wǎng)頁文檔為帶有指定元素的特定網(wǎng)頁;
[0267]通知模塊712,適于如果為特定網(wǎng)頁,瀏覽器主進(jìn)程通知當(dāng)前網(wǎng)頁進(jìn)程針對網(wǎng)頁中的指定元素,根據(jù)預(yù)置的過濾規(guī)則對所述指定元素進(jìn)行過濾,以及通知當(dāng)前網(wǎng)頁進(jìn)程去監(jiān)聽當(dāng)前網(wǎng)頁中的指定元素上的操作事件;
[0268]展示模塊713,適于瀏覽器主進(jìn)程根據(jù)所述分析結(jié)果獲取對應(yīng)指定元素的第二元素,并將所述第二元素加載至一新創(chuàng)建的窗口中展示。
[0269]所述網(wǎng)頁進(jìn)程模塊720包括:
[0270]過濾模塊721,適于當(dāng)前網(wǎng)頁進(jìn)程針對網(wǎng)頁中的指定元素,根據(jù)預(yù)置的過濾規(guī)則對所述指定元素進(jìn)行過濾;
[0271]監(jiān)控模塊722,適于當(dāng)前網(wǎng)頁進(jìn)程去監(jiān)聽當(dāng)前網(wǎng)頁中的指定元素上的操作事件;若當(dāng)前網(wǎng)頁進(jìn)程監(jiān)聽到指定元素上的操作事件,則對當(dāng)前網(wǎng)頁的指定元素進(jìn)行分析,將分析結(jié)果返回給瀏覽器主進(jìn)程。
[0272]實(shí)施例八
[0273]參照圖8,其示出了本發(fā)明一種瀏覽器中對網(wǎng)頁中圖片元素進(jìn)行顯示裝置的結(jié)構(gòu)示意圖,具體可以包括:
[0274]瀏覽器主進(jìn)程模塊810,和網(wǎng)頁進(jìn)程模塊820 ;
[0275]所述瀏覽器主進(jìn)程模塊810包括:
[0276]網(wǎng)頁分析模塊811,適于瀏覽器主進(jìn)程對當(dāng)前網(wǎng)頁的網(wǎng)址進(jìn)行分析,判斷所述網(wǎng)址是否為特定網(wǎng)頁;
[0277]通知模塊812,適于如果為特定網(wǎng)頁,瀏覽器主進(jìn)程通知當(dāng)前網(wǎng)頁進(jìn)程在監(jiān)聽當(dāng)前網(wǎng)頁中的圖片元素上的鼠標(biāo)懸停事件;
[0278]展示模塊813,適于瀏覽器主進(jìn)程根據(jù)所述分析結(jié)果獲取對應(yīng)圖片元素的第二圖片,并將所述第二圖片加載至一新創(chuàng)建的窗口中展示。
[0279]所述網(wǎng)頁進(jìn)程模塊820包括:
[0280]監(jiān)控模塊821,適于當(dāng)前網(wǎng)頁進(jìn)程在監(jiān)聽當(dāng)前網(wǎng)頁中的圖片元素上的鼠標(biāo)懸停事件;若監(jiān)聽到圖片元素上的鼠標(biāo)懸停事件,則對當(dāng)前網(wǎng)頁的圖片元素進(jìn)行分析,將分析結(jié)果返回給瀏覽器主進(jìn)程。
[0281]實(shí)施例九
[0282]參照圖9,其示出了本發(fā)明一種瀏覽器中對網(wǎng)頁中圖片元素進(jìn)行顯示裝置的結(jié)構(gòu)示意圖,具體可以包括:
[0283]瀏覽器主進(jìn)程模塊910,和網(wǎng)頁進(jìn)程模塊920 ;
[0284]所述瀏覽器主進(jìn)程模塊910包括:
[0285]網(wǎng)址匹配模塊911,所述網(wǎng)址匹配模塊911包括:
[0286]主站匹配模塊9111,適于根據(jù)以正則表達(dá)式構(gòu)建的主站網(wǎng)址匹配規(guī)則,判斷所述網(wǎng)址是否為預(yù)定的主站的網(wǎng)址;
[0287]站內(nèi)匹配模塊9112,適于如果所述網(wǎng)址為預(yù)定的主站的網(wǎng)址,則根據(jù)以正則表達(dá)式構(gòu)建的站內(nèi)網(wǎng)址匹配規(guī)則,判斷所述網(wǎng)址對應(yīng)的網(wǎng)頁是否為帶有圖片元素的特定網(wǎng)頁。
[0288]通知模塊912,適于如果為特定網(wǎng)頁,瀏覽器主進(jìn)程通知當(dāng)前網(wǎng)頁進(jìn)程針對網(wǎng)頁中的圖片元素,根據(jù)預(yù)置的過濾規(guī)則對所述圖片元素進(jìn)行過濾,以及通知監(jiān)聽當(dāng)前網(wǎng)頁中的圖片元素上的鼠標(biāo)懸停事件;
[0289]展示模塊913,適于瀏覽器主進(jìn)程根據(jù)所述分析結(jié)果獲取對應(yīng)圖片元素的第二圖片,并將所述第二圖片加載至一新創(chuàng)建的窗口中展示。
[0290]所述網(wǎng)頁進(jìn)程模塊920包括:
[0291]過濾模塊921,適于網(wǎng)頁進(jìn)程針對網(wǎng)頁中的圖片元素,根據(jù)預(yù)置的過濾規(guī)則對所述圖片元素進(jìn)行過濾;
[0292]監(jiān)控模塊922,適于當(dāng)前網(wǎng)頁進(jìn)程在監(jiān)聽當(dāng)前網(wǎng)頁中的圖片元素上的鼠標(biāo)懸停事件;若監(jiān)聽到圖片元素上的鼠標(biāo)懸停事件,則網(wǎng)頁進(jìn)程獲取所述圖片元素中對應(yīng)第一圖片的網(wǎng)址,并將所述第一圖片的網(wǎng)址返回瀏覽器主進(jìn)程。
[0293]優(yōu)選地,所述過濾模塊921包括:
[0294]第一過濾模塊,適于當(dāng)所述指定元素包括圖片元素時,網(wǎng)頁進(jìn)程判斷所述圖片尺寸是否達(dá)到第一閾值;如果未達(dá)到,則監(jiān)聽所述圖片元素上的鼠標(biāo)懸停事;如果未達(dá)到,則不監(jiān)聽所述圖片元素上的鼠標(biāo)懸停事件。
[0295]優(yōu)選地,所述過濾模塊921包括:
[0296]所述過濾模塊包括:
[0297]第二過濾模塊,適于當(dāng)所述指定元素包括圖片元素時,將所述圖片元素屬于廣告節(jié)點(diǎn)的圖片元素、導(dǎo)航欄節(jié)點(diǎn)的圖片元素、非正文節(jié)點(diǎn)的圖片元素中的一個或者多個進(jìn)行過濾。
[0298]優(yōu)選地,所述監(jiān)控模塊922包括:
[0299]第一圖片網(wǎng)址獲取模塊,適于獲取所述圖片元素中對應(yīng)第一圖片的網(wǎng)址;
[0300]第二圖片網(wǎng)址獲取模塊,適于對所述第一圖片的網(wǎng)址進(jìn)行正則表達(dá)式匹配,確定第二圖片的網(wǎng)址,并將所述第二圖片的網(wǎng)址返回給瀏覽器主進(jìn)程。
[0301]優(yōu)選地,所述展示模塊913包括:
[0302]第二圖片獲取模塊,適于瀏覽器主進(jìn)程根據(jù)所述第二圖片的網(wǎng)址下載所述第二圖片;
[0303]圖片展示模塊,適于瀏覽器主進(jìn)程創(chuàng)建一窗口,并將所述第二圖片加載至所述窗口中展示。
[0304]實(shí)施例十
[0305]參照圖10,其示出了本發(fā)明一種瀏覽器中對網(wǎng)頁中指定元素進(jìn)行顯示裝置的結(jié)構(gòu)示意圖,具體可以包括:
[0306]瀏覽器主進(jìn)程模塊1010,和網(wǎng)頁進(jìn)程模塊1020 ;
[0307]所述瀏覽器主進(jìn)程模塊1010包括:
[0308]網(wǎng)頁分析模塊1011,適于瀏覽器主進(jìn)程對當(dāng)前網(wǎng)頁的網(wǎng)址進(jìn)行分析,判斷所述網(wǎng)址是否為特定網(wǎng)頁;
[0309]通知模塊1012,適于如果為特定網(wǎng)頁,瀏覽器主進(jìn)程通知當(dāng)前網(wǎng)頁進(jìn)程監(jiān)聽當(dāng)前網(wǎng)頁中的文檔元素上的劃定操作;
[0310]展示模塊1013,適于瀏覽器主進(jìn)程根據(jù)所述文檔內(nèi)容,獲取放大后的文檔內(nèi)容,并將所述放大后的文檔內(nèi)容加載至一新創(chuàng)建的窗口中展示。
[0311]所述網(wǎng)頁進(jìn)程模塊1020包括:
[0312]監(jiān)控模塊1021,適于前網(wǎng)頁進(jìn)程監(jiān)聽當(dāng)前網(wǎng)頁中的文檔元素上的劃定操作;如果監(jiān)聽到當(dāng)前網(wǎng)頁中的文檔元素上的劃定操作;
[0313]提取模塊1022,適于當(dāng)前網(wǎng)頁進(jìn)程根據(jù)所述劃定操作,提取劃定區(qū)域范圍內(nèi)的文檔內(nèi)容,并將所述文檔內(nèi)容返回給瀏覽器主進(jìn)程。
[0314]在此提供的算法和顯示不與任何特定計(jì)算機(jī)、虛擬系統(tǒng)或者其它設(shè)備固有相關(guān)。各種通用系統(tǒng)也可以與基于在此的示教一起使用。根據(jù)上面的描述,構(gòu)造這類系統(tǒng)所要求的結(jié)構(gòu)是顯而易見的。此外,本發(fā)明也不針對任何特定編程語言。應(yīng)當(dāng)明白,可以利用各種編程語言實(shí)現(xiàn)在此描述的本發(fā)明的內(nèi)容,并且上面對特定語言所做的描述是為了披露本發(fā)明的最佳實(shí)施方式。
[0315]在此處所提供的說明書中,說明了大量具體細(xì)節(jié)。然而,能夠理解,本發(fā)明的實(shí)施例可以在沒有這些具體細(xì)節(jié)的情況下實(shí)踐。在一些實(shí)例中,并未詳細(xì)示出公知的方法、結(jié)構(gòu)和技術(shù),以便不模糊對本說明書的理解。
[0316]類似地,應(yīng)當(dāng)理解,為了精簡本公開并幫助理解各個發(fā)明方面中的一個或多個,在上面對本發(fā)明的示例性實(shí)施例的描述中,本發(fā)明的各個特征有時被一起分組到單個實(shí)施例、圖、或者對其的描述中。然而,并不應(yīng)將該公開的方法解釋成反映如下意圖:即所要求保護(hù)的本發(fā)明要求比在每個權(quán)利要求中所明確記載的特征更多的特征。更確切地說,如下面的權(quán)利要求書所反映的那樣,發(fā)明方面在于少于前面公開的單個實(shí)施例的所有特征。因此,遵循【具體實(shí)施方式】的權(quán)利要求書由此明確地并入該【具體實(shí)施方式】,其中每個權(quán)利要求本身都作為本發(fā)明的單獨(dú)實(shí)施例。
[0317]本領(lǐng)域那些技術(shù)人員可以理解,可以對實(shí)施例中的設(shè)備中的模塊進(jìn)行自適應(yīng)性地改變并且把它們設(shè)置在與該實(shí)施例不同的一個或多個設(shè)備中??梢园褜?shí)施例中的模塊或單元或組件組合成一個模塊或單元或組件,以及此外可以把它們分成多個子模塊或子單元或子組件。除了這樣的特征和/或過程或者單元中的至少一些是相互排斥之外,可以采用任何組合對本說明書(包括伴隨的權(quán)利要求、摘要和附圖)中公開的所有特征以及如此公開的任何方法或者設(shè)備的所有過程或單元進(jìn)行組合。除非另外明確陳述,本說明書(包括伴隨的權(quán)利要求、摘要和附圖)中公開的每個特征可以由提供相同、等同或相似目的的替代特征來代替。
[0318]此外,本領(lǐng)域的技術(shù)人員能夠理解,盡管在此所述的一些實(shí)施例包括其它實(shí)施例中所包括的某些特征而不是其它特征,但是不同實(shí)施例的特征的組合意味著處于本發(fā)明的范圍之內(nèi)并且形成不同的實(shí)施例。例如,在下面的權(quán)利要求書中,所要求保護(hù)的實(shí)施例的任意之一都可以以任意的組合方式來使用。
[0319]本發(fā)明的各個部件實(shí)施例可以以硬件實(shí)現(xiàn),或者以在一個或者多個處理器上運(yùn)行的軟件模塊實(shí)現(xiàn),或者以它們的組合實(shí)現(xiàn)。本領(lǐng)域的技術(shù)人員應(yīng)當(dāng)理解,可以在實(shí)踐中使用微處理器或者數(shù)字信號處理器(DSP)來實(shí)現(xiàn)根據(jù)本發(fā)明實(shí)施例的瀏覽器中對網(wǎng)頁中指定元素進(jìn)行顯示的設(shè)備中的一些或者全部部件的一些或者全部功能。本發(fā)明還可以實(shí)現(xiàn)為用于執(zhí)行這里所描述的方法的一部分或者全部的設(shè)備或者裝置程序(例如,計(jì)算機(jī)程序和計(jì)算機(jī)程序產(chǎn)品)。這樣的實(shí)現(xiàn)本發(fā)明的程序可以存儲在計(jì)算機(jī)可讀介質(zhì)上,或者可以具有一個或者多個信號的形式。這樣的信號可以從因特網(wǎng)網(wǎng)站上下載得到,或者在載體信號上提供,或者以任何其他形式提供。
[0320]應(yīng)該注意的是上述實(shí)施例對本發(fā)明進(jìn)行說明而不是對本發(fā)明進(jìn)行限制,并且本領(lǐng)域技術(shù)人員在不脫離所附權(quán)利要求的范圍的情況下可設(shè)計(jì)出替換實(shí)施例。在權(quán)利要求中,不應(yīng)將位于括號之間的任何參考符號構(gòu)造成對權(quán)利要求的限制。單詞“包含”不排除存在未列在權(quán)利要求中的元件或步驟。位于元件之前的單詞“一”或“一個”不排除存在多個這樣的元件。本發(fā)明可以借助于包括有若干不同元件的硬件以及借助于適當(dāng)編程的計(jì)算機(jī)來實(shí)現(xiàn)。在列舉了若干裝置的單元權(quán)利要求中,這些裝置中的若干個可以是通過同一個硬件項(xiàng)來具體體現(xiàn)。單詞第一、第二、以及第三等的使用不表示任何順序。可將這些單詞解釋為名稱。
[0321]本發(fā)明公開了 Al、一種瀏覽器中對網(wǎng)頁中指定元素進(jìn)行顯示的方法,包括:瀏覽器主進(jìn)程對當(dāng)前網(wǎng)頁的網(wǎng)址進(jìn)行分析,判斷所述網(wǎng)址是否為特定網(wǎng)頁;如果為特定網(wǎng)頁,瀏覽器主進(jìn)程通知當(dāng)前網(wǎng)頁進(jìn)程去監(jiān)聽當(dāng)前網(wǎng)頁中的指定元素上的操作事件;若當(dāng)前網(wǎng)頁進(jìn)程監(jiān)聽到指定元素上的操作事件,則對當(dāng)前網(wǎng)頁的指定元素進(jìn)行分析,將分析結(jié)果返回給瀏覽器主進(jìn)程;瀏覽器主進(jìn)程根據(jù)所述分析結(jié)果獲取對應(yīng)指定元素的第二元素,并將所述第二元素加載至一新創(chuàng)建的窗口中展示。
[0322]A2、如Al所述的方法,瀏覽器主進(jìn)程對當(dāng)前網(wǎng)頁的網(wǎng)址進(jìn)行分析,判斷所述網(wǎng)址是否為特定網(wǎng)頁包括:針對當(dāng)前網(wǎng)頁文檔對應(yīng)的網(wǎng)址,根據(jù)以正則表達(dá)式構(gòu)建的網(wǎng)址匹配規(guī)則和/或預(yù)置的網(wǎng)址名單,對所述網(wǎng)址進(jìn)行匹配;當(dāng)網(wǎng)址匹配上,則判斷出所述網(wǎng)頁文檔為帶有指定元素的特定網(wǎng)頁。
[0323]A3、如A2所述的方法,所述根據(jù)以正則表達(dá)式構(gòu)建的網(wǎng)址匹配規(guī)則和/或預(yù)置的網(wǎng)址名單,對所述網(wǎng)址進(jìn)行匹配,包括:根據(jù)以正則表達(dá)式構(gòu)建的主站網(wǎng)址匹配規(guī)則,判斷所述網(wǎng)址是否為預(yù)定的主站的網(wǎng)址;如果所述網(wǎng)址為預(yù)定的主站的網(wǎng)址,則根據(jù)以正則表達(dá)式構(gòu)建的站內(nèi)網(wǎng)址匹配規(guī)則,判斷所述網(wǎng)址對應(yīng)的網(wǎng)頁是否為帶有指定元素的特定網(wǎng)頁。
[0324]A4、如Al所述的方法,瀏覽器主進(jìn)程通知當(dāng)前網(wǎng)頁進(jìn)程監(jiān)聽當(dāng)前網(wǎng)頁中的指定元素上的操作事件之前,還包括:針對網(wǎng)頁中的指定元素,根據(jù)預(yù)置的過濾規(guī)則對所述指定元素進(jìn)行過濾。
[0325]A5、如Al所述的方法,所述指定元素包括圖片元素、視頻元素、文檔元素其中至少一個。
[0326]A6、如A5所述的方法,當(dāng)所述指定元素包括圖片元素時,所述針對網(wǎng)頁中的指定元素,根據(jù)預(yù)置的過濾規(guī)則對所述指定元素進(jìn)行過濾,包括:
[0327]網(wǎng)頁進(jìn)程判斷所述圖片尺寸是否達(dá)到第一閾值;如果未達(dá)到,則監(jiān)聽所述指定元素上的操作事件;如果未達(dá)到,則不監(jiān)聽所述指定元素上的操作事件。
[0328]A7、如A5所述的方法,當(dāng)所述指定元素包括圖片元素時,當(dāng)前網(wǎng)頁進(jìn)程監(jiān)聽當(dāng)前網(wǎng)頁中的指定元素上的操作事件包括:當(dāng)前網(wǎng)頁進(jìn)程監(jiān)聽當(dāng)前網(wǎng)頁中的圖片元素上的鼠標(biāo)懸停事件。
[0329]AS、如A5所述的方法,當(dāng)所述指定元素包括圖片元素時,所述針對網(wǎng)頁中的指定元素,根據(jù)預(yù)置的過濾規(guī)則對所述指定元素進(jìn)行過濾,包括:
[0330]將所述圖片元素屬于廣告節(jié)點(diǎn)的圖片元素、導(dǎo)航欄節(jié)點(diǎn)的圖片元素、非正文節(jié)點(diǎn)的圖片元素中的一個或者多個進(jìn)行過濾。
[0331]A9、如A7所述的方法,所述若當(dāng)前網(wǎng)頁進(jìn)程監(jiān)聽到指定元素上的操作事件,則對當(dāng)前網(wǎng)頁的指定元素進(jìn)行分析,將分析結(jié)果返回給瀏覽器主進(jìn)程包括:獲取所述圖片元素中對應(yīng)第一圖片的網(wǎng)址;對所述第一圖片的網(wǎng)址進(jìn)行正則表達(dá)式匹配,確定第二圖片的網(wǎng)址,并將所述第二圖片的網(wǎng)址返回給瀏覽器主進(jìn)程。
[0332]AlOjn A9所述的方法,所述瀏覽器主進(jìn)程根據(jù)所述分析結(jié)果獲取對應(yīng)指定元素的第二元素,并將所述第二元素加載至一新創(chuàng)建的窗口中展示包括:瀏覽器主進(jìn)程根據(jù)所述第二圖片的網(wǎng)址下載所述第二圖片;瀏覽器主進(jìn)程創(chuàng)建一窗口,并將所述第二圖片加載至所述窗口中展示。
[0333]AU、如Al所述的方法,當(dāng)所述指定元素包括文檔元素時,所述當(dāng)前網(wǎng)頁進(jìn)程監(jiān)聽當(dāng)前網(wǎng)頁中的指定元素上的操作事件包括:
[0334]當(dāng)前網(wǎng)頁進(jìn)程監(jiān)聽當(dāng)前網(wǎng)頁中的文檔元素上的劃定操作。
[0335]A12、如All所述的方法,所述若當(dāng)前網(wǎng)頁進(jìn)程監(jiān)聽到指定元素上的操作事件,則對當(dāng)前網(wǎng)頁的指定元素進(jìn)行分析,將分析結(jié)果返回給瀏覽器主進(jìn)程包括:當(dāng)前網(wǎng)頁進(jìn)程根據(jù)所述劃定操作,提取劃定區(qū)域范圍內(nèi)的文檔內(nèi)容,并將所述文檔內(nèi)容返回給瀏覽器主進(jìn)程。
[0336]A13、如A12所述的方法,所述瀏覽器主進(jìn)程根據(jù)所述分析結(jié)果獲取對應(yīng)指定元素的第二元素,并將所述第二元素加載至一新創(chuàng)建的窗口中展示包括:瀏覽器主進(jìn)程根據(jù)所述文檔內(nèi)容,獲取放大后的文檔內(nèi)容,并將所述放大后的文檔內(nèi)容加載至一新創(chuàng)建的窗口中展示。
[0337]A14、如Al所述的方法,所述在瀏覽器主進(jìn)程新窗口時包括:根據(jù)第二元素的大小以及鼠標(biāo)的位置,確定所創(chuàng)建窗口的位置。
[0338]A15、如Al所述的方法,還包括:根據(jù)鼠標(biāo)在指定元素上方的移動,調(diào)整所述窗口的位置。
[0339]A16、如Al所述的方法,還包括:
[0340]加載并展示針對所述指定元素的功能接口 ;所述功能接口包括全屏播放接口、和/或分享接口、和/或保存接口、和/或?yàn)g覽器設(shè)置接口;其中,所述全屏播放接口包括將所述指定元素的內(nèi)容進(jìn)行全屏播放;所述分享接口包括將所述指定元素的內(nèi)容發(fā)送至第一終端、和/或?qū)⑺鲋付ㄔ氐膬?nèi)容分享至第三網(wǎng)站、和/或?yàn)樗鲋付ㄔ氐膬?nèi)容生成二維碼;所述保存接口包括將所述指定元素的內(nèi)容進(jìn)行保存。
[0341]本發(fā)明還公開了 B17、一種瀏覽器中對網(wǎng)頁中指定元素進(jìn)行顯示的裝置,包括:網(wǎng)頁分析模塊,適于瀏覽器主進(jìn)程對當(dāng)前網(wǎng)頁的網(wǎng)址進(jìn)行分析,判斷所述網(wǎng)址是否為特定網(wǎng)頁;通知模塊,適于如果為特定網(wǎng)頁,瀏覽器主進(jìn)程通知當(dāng)前網(wǎng)頁進(jìn)程監(jiān)聽當(dāng)前網(wǎng)頁中的指定元素上的操作事件;監(jiān)控模塊,適于當(dāng)前網(wǎng)頁進(jìn)程監(jiān)聽當(dāng)前網(wǎng)頁中的指定元素上的操作事件;當(dāng)監(jiān)聽到指定元素上的操作事件,則對當(dāng)前網(wǎng)頁的指定元素進(jìn)行分析,將分析結(jié)果返回給瀏覽器主進(jìn)程;展示模塊,適于瀏覽器主進(jìn)程根據(jù)所述分析結(jié)果獲取對應(yīng)指定元素的第二元素,并將所述第二元素加載至一新創(chuàng)建的窗口中展示。
[0342]B18、如B17所述的裝置,所述網(wǎng)頁分析模塊包括:
[0343]網(wǎng)址匹配模塊,適于針對當(dāng)前網(wǎng)頁文檔對應(yīng)的網(wǎng)址,根據(jù)以正則表達(dá)式構(gòu)建的網(wǎng)址匹配規(guī)則和/或預(yù)置的網(wǎng)址名單,對所述網(wǎng)址進(jìn)行匹配;當(dāng)網(wǎng)址匹配上,則判斷出所述網(wǎng)頁文檔為帶有指定元素的特定網(wǎng)頁。
[0344]B19、如B18所述的裝置,所述網(wǎng)址匹配模塊包括:主站匹配模塊,適于根據(jù)以正則表達(dá)式構(gòu)建的主站網(wǎng)址匹配規(guī)則,判斷所述網(wǎng)址是否為預(yù)定的主站的網(wǎng)址;站內(nèi)匹配模塊,適于如果所述網(wǎng)址為預(yù)定的主站的網(wǎng)址,則根據(jù)以正則表達(dá)式構(gòu)建的站內(nèi)網(wǎng)址匹配規(guī)則,判斷所述網(wǎng)址對應(yīng)的網(wǎng)頁是否為帶有指定元素的特定網(wǎng)頁。
[0345]B20、如B17所述的裝置,還包括:第一通知模塊,適于瀏覽器主進(jìn)程通知當(dāng)前網(wǎng)頁進(jìn)程監(jiān)聽當(dāng)前網(wǎng)頁中的指定元素上的操作事件之前,針對網(wǎng)頁中的指定元素,根據(jù)預(yù)置的過濾規(guī)則對所述指定元素進(jìn)行過濾;相應(yīng)的,所述監(jiān)控模塊還包括:過濾模塊,適于在當(dāng)前網(wǎng)頁進(jìn)程監(jiān)聽當(dāng)前網(wǎng)頁中的指定元素上的操作事件之前,針對網(wǎng)頁中的指定元素,根據(jù)預(yù)置的過濾規(guī)則對所述指定元素進(jìn)行過濾。
[0346]B21、如B20所述的裝置,所述指定元素包括圖片元素、視頻元素、文檔元素其中至少一個。
[0347]B22、如B21所述的裝置,所述過濾模塊包括:
[0348]第一過濾模塊,適于當(dāng)所述指定元素包括圖片元素時,網(wǎng)頁進(jìn)程判斷所述圖片尺寸是否達(dá)到第一閾值;如果未達(dá)到,則監(jiān)聽所述指定元素上的操作事件;如果未達(dá)到,則不監(jiān)聽所述指定元素上的操作事件。
[0349]B23、如B21所述的裝置,所述監(jiān)控模塊包括:
[0350]圖片元素監(jiān)控模塊,適于當(dāng)所述指定元素包括圖片元素時,當(dāng)前網(wǎng)頁進(jìn)程監(jiān)聽當(dāng)前網(wǎng)頁中的圖片元素上的鼠標(biāo)懸停事件。
[0351]B24、如B21所述的裝置,所述過濾模塊包括:
[0352]第二過濾模塊,適于當(dāng)所述指定元素包括圖片元素時,將所述圖片元素屬于廣告節(jié)點(diǎn)的圖片元素、導(dǎo)航欄節(jié)點(diǎn)的圖片元素、非正文節(jié)點(diǎn)的圖片元素中的一個或者多個進(jìn)行過濾。
[0353]B25、如B23所述的裝置,所述監(jiān)控模塊包括:第一圖片網(wǎng)址獲取模塊,適于獲取所述圖片元素中對應(yīng)第一圖片的網(wǎng)址;第二圖片網(wǎng)址獲取模塊,適于對所述第一圖片的網(wǎng)址進(jìn)行正則表達(dá)式匹配,確定第二圖片的網(wǎng)址,并將所述第二圖片的網(wǎng)址返回給瀏覽器主進(jìn)程。
[0354]B26、如B25所述的方法,所述展示模塊包括:第二圖片獲取模塊,適于瀏覽器主進(jìn)程根據(jù)所述第二圖片的網(wǎng)址下載所述第二圖片;圖片展示模塊,適于瀏覽器主進(jìn)程創(chuàng)建一窗口,并將所述第二圖片加載至所述窗口中展示。
[0355]B27、如B17所述的裝置,所述監(jiān)控模塊包括:文檔元素監(jiān)控模塊,適于當(dāng)前網(wǎng)頁進(jìn)程監(jiān)聽當(dāng)前網(wǎng)頁中的文檔元素上的劃定操作。
[0356]B28、如B27所述的裝置,所述監(jiān)控模塊包括:
[0357]文檔劃定模塊,適于當(dāng)前網(wǎng)頁進(jìn)程根據(jù)所述劃定操作,提取劃定區(qū)域范圍內(nèi)的文檔內(nèi)容,并將所述文檔內(nèi)容返回給瀏覽器主進(jìn)程。
[0358]B29、如B28所述的裝置,所述展示模塊包括:
[0359]文檔展示模塊,適于瀏覽器主進(jìn)程根據(jù)所述文檔內(nèi)容,獲取放大后的文檔內(nèi)容,并將所述放大后的文檔內(nèi)容加載至一新創(chuàng)建的窗口中展示。
[0360]B30、如B17所述的裝置,所述展示模塊包括:窗口位置確定模塊,適于在瀏覽器主進(jìn)程新窗口時,根據(jù)第二元素的大小以及鼠標(biāo)的位置,確定所創(chuàng)建窗口的位置。
[0361]B31、如B17所述的裝置,還包括:窗口移動模塊,適于根據(jù)鼠標(biāo)在指定元素上方的移動,調(diào)整所述窗口的位置。
[0362]B32、如B17所述的裝置,還包括:
[0363]接口展示模塊,適于加載并展示針對所述指定元素的功能接口 ;所述功能接口包括全屏播放接口、和/或分享接口、和/或保存接口、和/或?yàn)g覽器設(shè)置接口;其中,所述全屏播放接口包括將所述指定元素的內(nèi)容進(jìn)行全屏播放;所述分享接口包括將所述指定元素的內(nèi)容發(fā)送至第一終端、和/或?qū)⑺鲋付ㄔ氐膬?nèi)容分享至第三網(wǎng)站、和/或?yàn)樗鲋付ㄔ氐膬?nèi)容生成二維碼;所述保存接口包括將所述指定元素的內(nèi)容進(jìn)行保存。
【權(quán)利要求】
1.一種瀏覽器中對網(wǎng)頁中指定元素進(jìn)行顯示的方法,包括: 瀏覽器主進(jìn)程對當(dāng)前網(wǎng)頁的網(wǎng)址進(jìn)行分析,判斷所述網(wǎng)址是否為特定網(wǎng)頁; 如果為特定網(wǎng)頁,瀏覽器主進(jìn)程通知當(dāng)前網(wǎng)頁進(jìn)程去監(jiān)聽當(dāng)前網(wǎng)頁中的指定元素上的操作事件; 若當(dāng)前網(wǎng)頁進(jìn)程監(jiān)聽到指定元素上的操作事件,則對當(dāng)前網(wǎng)頁的指定元素進(jìn)行分析,將分析結(jié)果返回給瀏覽器主進(jìn)程; 瀏覽器主進(jìn)程根據(jù)所述分析結(jié)果獲取對應(yīng)指定元素的第二元素,并將所述第二元素加載至一新創(chuàng)建的窗口中展示。
2.如權(quán)利要求1所述的方法,其特征在于,瀏覽器主進(jìn)程對當(dāng)前網(wǎng)頁的網(wǎng)址進(jìn)行分析,判斷所述網(wǎng)址是否為特定網(wǎng)頁包括: 針對當(dāng)前網(wǎng)頁文檔對應(yīng)的網(wǎng)址,根據(jù)以正則表達(dá)式構(gòu)建的網(wǎng)址匹配規(guī)則和/或預(yù)置的網(wǎng)址名單,對所述網(wǎng)址進(jìn)行匹配;當(dāng)網(wǎng)址匹配上,則判斷出所述網(wǎng)頁文檔為帶有指定元素的特定網(wǎng)頁。
3.如權(quán)利要求2所述的方法,其特征在于,所述根據(jù)以正則表達(dá)式構(gòu)建的網(wǎng)址匹配規(guī)則和/或預(yù)置的網(wǎng)址名單,對所述網(wǎng)址進(jìn)行匹配,包括: 根據(jù)以正則表達(dá)式構(gòu)建的主站網(wǎng)址匹配規(guī)則,判斷所述網(wǎng)址是否為預(yù)定的主站的網(wǎng)址; 如果所述網(wǎng)址為預(yù)定的主站的網(wǎng)址,則根據(jù)以正則表達(dá)式構(gòu)建的站內(nèi)網(wǎng)址匹配規(guī)則,判斷所述網(wǎng)址對應(yīng)的網(wǎng)頁是否為帶有指定元素的特定網(wǎng)頁。
4.如權(quán)利要求1所述的方法,其特征在于,瀏覽器主進(jìn)程通知當(dāng)前網(wǎng)頁進(jìn)程監(jiān)聽當(dāng)前網(wǎng)頁中的指定元素上的操作事件之前,還包括: 針對網(wǎng)頁中的指定元素,根據(jù)預(yù)置的過濾規(guī)則對所述指定元素進(jìn)行過濾。
5.如權(quán)利要求1所述的方法,其特征在于,所述指定元素包括圖片元素、視頻元素、文檔元素其中至少一個。
6.如權(quán)利要求5所述的方法,其特征在于,當(dāng)所述指定元素包括圖片元素時,所述針對網(wǎng)頁中的指定元素,根據(jù)預(yù)置的過濾規(guī)則對所述指定元素進(jìn)行過濾,包括: 網(wǎng)頁進(jìn)程判斷所述圖片尺寸是否達(dá)到第一閾值;如果未達(dá)到,則監(jiān)聽所述指定元素上的操作事件;如果未達(dá)到,則不監(jiān)聽所述指定元素上的操作事件。
7.如權(quán)利要求5所述的方法,其特征在于,當(dāng)所述指定元素包括圖片元素時,當(dāng)前網(wǎng)頁進(jìn)程監(jiān)聽當(dāng)前網(wǎng)頁中的指定元素上的操作事件包括: 當(dāng)前網(wǎng)頁進(jìn)程監(jiān)聽當(dāng)前網(wǎng)頁中的圖片元素上的鼠標(biāo)懸停事件。
8.如權(quán)利要求5所述的方法,其特征在于,當(dāng)所述指定元素包括圖片元素時,所述針對網(wǎng)頁中的指定元素,根據(jù)預(yù)置的過濾規(guī)則對所述指定元素進(jìn)行過濾,包括: 將所述圖片元素屬于廣告節(jié)點(diǎn)的圖片元素、導(dǎo)航欄節(jié)點(diǎn)的圖片元素、非正文節(jié)點(diǎn)的圖片元素中的一個或者多個進(jìn)行過濾。
9.如權(quán)利要求7所述的方法,其特征在于,所述若當(dāng)前網(wǎng)頁進(jìn)程監(jiān)聽到指定元素上的操作事件,則對當(dāng)前網(wǎng)頁的指定元素進(jìn)行分析,將分析結(jié)果返回給瀏覽器主進(jìn)程包括: 獲取所述圖片元素中對應(yīng)第一圖片的網(wǎng)址; 對所述第一圖片的網(wǎng)址進(jìn)行正則表達(dá)式匹配,確定第二圖片的網(wǎng)址,并將所述第二圖片的網(wǎng)址返回給瀏覽器主進(jìn)程。
10.一種瀏覽器中對網(wǎng)頁中指定元素進(jìn)行顯示的裝置,包括: 網(wǎng)頁分析模塊,適于瀏覽器主進(jìn)程對當(dāng)前網(wǎng)頁的網(wǎng)址進(jìn)行分析,判斷所述網(wǎng)址是否為特定網(wǎng)頁; 通知模塊,適于如果為特定網(wǎng)頁,瀏覽器主進(jìn)程通知當(dāng)前網(wǎng)頁進(jìn)程監(jiān)聽當(dāng)前網(wǎng)頁中的指定元素上的操作事件; 監(jiān)控模塊,適于當(dāng)前網(wǎng)頁進(jìn)程監(jiān)聽當(dāng)前網(wǎng)頁中的指定元素上的操作事件;當(dāng)監(jiān)聽到指定元素上的操作事件,則對當(dāng)前網(wǎng)頁的指定元素進(jìn)行分析,將分析結(jié)果返回給瀏覽器主進(jìn)程; 展示模塊,適于瀏覽器主進(jìn)程根據(jù)所述分析結(jié)果獲取對應(yīng)指定元素的第二元素,并將所述第二元素加載至一新創(chuàng)建的窗口中展示。
【文檔編號】G06F17/30GK104361082SQ201410643594
【公開日】2015年2月18日 申請日期:2014年11月7日 優(yōu)先權(quán)日:2014年11月7日
【發(fā)明者】蔡永建, 唐明生, 甘恩平, 李煜 申請人:北京奇虎科技有限公司, 奇智軟件(北京)有限公司