新四季網

一種針對網頁的處理方法、裝置和設備的製作方法

2023-06-19 19:20:06

專利名稱:一種針對網頁的處理方法、裝置和設備的製作方法
技術領域:
本發明涉及網頁技術,特別是涉及一種針對網頁的處理方法、裝置和設備。
背景技術:
隨著移動終端和網際網路技術的發展,人們越來越多的通過手機、平板電腦等移動終端對網絡進行訪問。但是,移動終端為了達到便於攜帶的目的,屏幕設計的往往比較小,因此移動終端中屏幕的顯示內容比較有限。移動終端在對網絡進行訪問時,可以訪問網頁,網頁中除了主要展示的正文以外,還包括標題、相關連結、推薦內容以及廣告等等內容。因此,在移動終端就需要在比較小的屏幕中顯示出網頁中的內容。用戶在瀏覽網頁時,用戶主要查看的是網頁的正文部分,而對於網頁中的相關連結、推薦內容還有廣告等內容,往往是略過不看的。另外,移動終端的屏幕比較小,廣告等內容如佔據過多的顯示頁面,網頁展示的正文內容就會受到限制,導致用戶在瀏覽網頁時,可能會需要向下翻很多頁才能查看到正文,網頁瀏覽非常不方便,查看網頁內容時也比較浪費時間。

發明內容
本發明實施例提供了一種針對網頁的處理方法和裝置,以解決受用移動終端瀏覽網頁時瀏覽不方便的問題。本發明公開了一種針對網頁的處理方法,包括獲取對網頁的網頁文檔解析後生成的DOM樹和render樹;由所述render樹確定所述DOM樹中的可見節點,並確定各可見節點的預覽值;依據所述各可見節點的預覽值確定所述網頁中的預覽內容,並對所述預覽內容進行顯示。較佳的,所述依據所述render樹確定所述DOM樹中的可見節點,採用如下方式檢測所述節點是否存在於所述render樹中;若所述節點不存在於所述render樹中,則所述節點不是可見節點;若所述節點存在於所述render樹中,則所述節點為可見節點。較佳的,所述確定各可見節點的預覽值,採用如下方式根據所述各可見節點的標籤確定所述各可見節點的初始預覽值,並將所述初始預覽值作為所述各可見節點的預覽值。較佳的,所述可見節點的標籤為預設標籤時,根據在網頁文檔中所述可見節點對應的內容確定附加預覽值;將所述附加預覽值與所述初始預覽值相加得到所述可見節點的預覽值。較佳的,將所述可見節點的預覽值按照預設的比重添加到所述可見節點的各級父節點的預覽值中。較佳的,所述依據所述各可見節點的預覽值確定所述網頁中預覽內容,採用如下方式獲取所述預覽值最大的兩個可見節點,分別作為最高可見節點和次高可見節點;依據所述最高可見節點和次高可見節點的層級關係,從所述最高可見節點和次高可見節點中確定所述預覽內容所處的可見節點;由確定得到的所述預覽內容所處的可見節點提取得到所述預覽內容。較佳的,所述依據最高可見節點和次高可見節點的層級關係,從所述最高可見節點和次高可見節點中確定執行預覽的可見節點,採用如下方式若所述最高可見節點是所述次高可見節點的任一級父節點,則將所述最高可見節點作為所述預覽內容所處的可見節點。較佳的,所述依據所述層級關係,從最高可見節點和次高可見節點中確定所述預覽內容所處的可見節點,採用如下方式若所述最高可見節點不是所述次高可見節點的任一級父節點,則依據所述最高可見節點和次高可見節點對應內容在網頁中的位置關係,確定所述預覽內容所處的可見節點。較佳的,所述依據所述最高可見節點和次高可見節點對應內容在網頁中的位置關係,確定所述預覽內容所處的可見節點,採用如下方式若所述位置關係為左右且不重合,則分別計算所述最高可見節點和次高可見節點中所包括的標籤為預設標籤的節點的預覽值的和值,並將所述和值大的可見節點作為所述預覽內容所處的可見節點;若為除左右且不重合以外的其他位置關係,則將所述最高可見節點和次高可見節點的公共父節點作為所述預覽內容所處的可見節點。較佳的,確定所述預覽內容所處的可見節點之後,所述方法還包括判斷所述可見節點的節點內容中是否存在第一預設字符;當存在第一預設字符時,將所述第一預設字符所處的節點作為起始節點;當不存在第一預設字符時,將標籤為預設標籤的節點作為起始節點。較佳的,確定所述預覽內容所處的可見節點之後,所述方法還包括依據render樹確定預覽內容的結束節點,所述結束節點包括在所述預覽內容所處的可見節點之後的可見節點對應內容包含若干預置格式的連結,或達到所述DOM樹中可見節點的結尾。相應的,本發明實施例還公開了一種針對網頁的處理裝置,包括獲取模塊,用於獲取對網頁的網頁文檔解析後生成的DOM樹和render樹;預覽值確定模塊,用於由所述render樹確定所述DOM樹中的可見節點,並確定各可見節點的預覽值;顯示模塊,用於依據所述各可見節點的預覽值確定所述網頁中的預覽內容,並對所述預覽內容進行顯示。較佳的,所述預覽值確定模塊,包括檢測子模塊,用於檢測所述節點是否存在於所述render樹中;若所述節點不存在於所述render樹中,貝U所述節點不是可見節點;若所述節點存在於所述render樹中,則所述節點為可見節點。較佳的,所述預覽值確定模塊,包括預覽值確定子模塊,用於根據所述各可見節點的標籤確定所述各可見節點的初始預覽值,並將所述初始預覽值作為所述各可見節點的預覽值。較佳的,所述預覽值確定子模塊,還用於在所述可見節點的標籤為預設標籤時,根據在網頁文檔中所述可見節點對應的內容確定附加預覽值;將所述附加預覽值與所述初始預覽值相加得到所述可見節點的預覽值。較佳的,所述預覽值確定子模塊,還用於將所述可見節點的預覽值按照預設的比重添加到所述可見節點的各級父節點的預覽值中。較佳的,所述顯示模塊,包括獲取子模塊,用於獲取所述預覽值最大的兩個可見節點,分別作為最高可見節點和次高可見節點;節點確定子模塊,用於依據所述最高可見節點和次聞可見節點的層級關係,從所述最聞可見節點和次聞可見節點中確定所述預覽內容所處的可見節點;內容提取子模塊,用於由確定得到的所述預覽內容所處的可見節點提取得到所述預覽內容。較佳的,所述節點確定子模塊,具體用於若所述最高可見節點是所述次高可見節點的任一級父節點,則將所述最高可見節點作為所述預覽內容所處的可見節點。較佳的,所述節點確定子模塊,具體用於若所述最高可見節點不是所述次高可見節點的任一級父節點,則依據所述最高可見節點和次高可見節點對應內容在網頁中的位置關係,確定所述預覽內容所處的可見節點。較佳的,所述節點確定子模塊,具體用於若所述位置關係為左右且不重合,則分別計算所述最高可見節點和次高可見節點中所包括的標籤為預設標籤的節點的預覽值的和值,並將所述和值大的可見節點作為所述預覽內容所處的可見節點;若為除左右且不重合以外的其他位置關係,則將所述最高可見節點和次高可見節點的公共父節點作為所述預覽內容所處的可見節點。較佳的,所述顯示模塊,還包括起始節點確定子模塊,用於判斷所述可見節點的節點內容中是否存在第一預設字符;當存在第一預設字符時,將所述第一預設字符所處的節點作為起始節點;當不存在第一預設字符時,將標籤為預設標籤的節點作為起始節點。較佳的,所述顯示模塊,還包括結束節點確定子模塊,用於依據render樹確定預覽內容的結束節點,所述結束節點包括在所述預覽內容所處的可見節點之後的可見節點對應內容包含若干預置格式的連結,或達到所述DOM樹中可見節點的結尾。相應的,本發明實施例公開了一種設備,所述設備包括一個或多個處理器;存儲器;和—個或多個模塊,所述一個或多個模塊存儲於所述存儲器中並被配置成由所述一個或多個處理器執行,其中,所述一個或多個模塊具有如下功能獲取對網頁的網頁文檔解析後生成的DOM樹和render樹;由所述render樹確定所述DOM樹中的可見節點,並確定各可見節點的預覽值;依據所述各可見節點的預覽值確定所述網頁中的預覽內容,並對所述預覽內容進行顯示。與背景技術相比,本發明實施例包括以下優點首先,本發明實施例可以獲取DOM樹和render樹,並確定DOM樹中的各個可見節點,再依據具體的需求,由各可見節點的標籤確定對應可見節點的預覽值,最終確定網頁中的預覽內容進行顯示,預覽內容可以是依據需求而從網頁中提取的關鍵內容,從而可以較小的移動終端的屏幕中顯示關鍵內容,方便用戶查看、閱讀網頁的內容,減少瀏覽時間。其次,本發明實施例可以依據需求設定標籤對應的初始預覽值,作為所述標籤對應的可見節點的預覽值,從而可以依據需求確定各標籤的可見節點預覽的可能性。進一步,為了使頁面布局各具重點,符合用戶的需求,還可以設置預設標籤的附加預覽值,該附件預覽值可以依據可見節點對應網頁中的內容而確定,從而使得可見節點的預覽值更準確,顯示的預覽內容等突出重點。再次,本發明實施例還考慮到可見節點的層級關係,在計算預覽值時若某一可見節點是其他可見節點的父節點,則會將其他可見節點的預覽值按照一定比重添加到該可見節點的預覽值中,從而使預覽值更加準確,使最終確定的預覽內容更加準確。


圖1是本發明實施例所述一種針對網頁的處理方法流程圖;圖2是本發明實施例所述可見節點檢測方法流程圖;圖3是本發明實施例所述DOM樹示意圖;圖4是本發明實施例所述預覽內容確定方法流程圖;圖5是本發明實施例所述起始節點確定方法流程圖;圖6是本發明實施例所述一種針對網頁的處理裝置結構圖;圖7是本發明另一實施例所述針對網頁的處理裝置結構圖。
具體實施例方式為使本發明的上述目的、特徵和優點能夠更加明顯易懂,下面結合附圖和具體實施方式
對本發明作進一步詳細的說明。移動終端在對網絡進行訪問時,可以訪問網頁,網頁中除了主要展示的正文以外,還包括標題、相關連結、推薦內容以及廣告等等內容。因此,在移動終端就需要在比較小的屏幕中顯示出網頁中的內容。本發明實施例針對上述情況,提供了一種針對網頁的處理方法,可以依據網頁文檔解析後生成的DOM樹和render樹,確定網頁的預覽內容並進行顯示。從而可以提取出網頁中的關鍵內容作為預覽內容進行顯示,方便用戶查看網頁,減少瀏覽時間。其中,預覽內容即為網頁中除去廣告、推薦內容等之外的關鍵信息,一般為網頁中包括有題目的正文內容。用戶使用移動終端的瀏覽器訪問網頁時,可以獲取到該網頁的網頁文檔如html文檔,瀏覽器會對該網頁文檔進行解析以顯示網頁。解析時可以生成文件對象模型(Document Object Model, DOM)樹和render樹,並根據DOM樹和render樹進行布局(layout)。其中,DOM樹用於描述網頁的頁面信息;render樹用於對網頁的頁面進行布局,具體負責描述DOM樹中的信息在屏幕上的位置;Lay0ut為瀏覽器對網頁的布局操作。具體實施中,瀏覽器在對網頁文檔進行解析生成DOM樹和render樹後,首先會通過layout將網頁布局在內存中,再根據layout運算結果逐步的將網頁繪製到顯示屏幕上。因此在網頁文檔布局完成後,也就生成了 DOM樹和render樹。本發明實施例在此基礎上執行後續操作,重新布局網頁的頁面,具體如下。參照圖1,給出了本發明實施例所述一種針對網頁的處理方法流程圖。
步驟101,獲取對網頁的網頁文檔解析後生成的DOM樹和render樹。瀏覽器對網頁的網頁文檔進行解析後,可以生成DOM樹和render樹,本發明實施例可以獲取該DOM樹和render樹。步驟102,由render樹確定DOM樹中的各個可見節點,並確定各可見節點的預覽值。DOM樹中存儲有由對網頁文檔進行解析而得到的各個節點,例如,DOM樹的根節點是文件(Document)對象,即對網頁文檔進行操作的入口 ;又如,DOM樹中的一類子節點是文本(text)對象,即網頁文檔中的一些文本內容。有上述內容可知,DOM樹中具備不同類型的節點,而各類型的節點在網頁文檔中的作用也各不相同,因此,DOM樹中的一部分節點對應的內容可以在網頁中顯示出來,如表示text對象的節點,另一部分節點對應的內容不能在網頁中進行顯示,如表示Document對象的根節點。若節點對應的內容可以在網頁中顯示,則將該節點作為可見節點,即可見節點是在網頁中顯示的內容對應的節點;若節點對應的內容不能在網頁中顯示,則將該節點作為不可見節點。頁面渲染時,render樹負責記錄DOM樹中的可見節點在頁面中的估計顯示位置,因此,對於DOM樹中的各個節點,可以通過查詢render樹來確定以確定該節點是否可見,從而確定DOM樹中的各個可見節點。網頁中包含各種各樣的信息,如標題、正文、圖片和連結等,因此對於DOM樹中的可見節點,由於其在網頁文檔中表徵的具體內容不同。本發明實施例可以依據網頁重新布局時的需求,為各可見節點配置相應的預覽值。所述預覽值可以依據所述節點所表徵的內容的類型,如圖片、文字等進行配置,也可以依據各可見節點在網頁中表徵的具體內容產生相應的預覽值。例如,重新布局時著重顯示頁面中的圖片,則與圖片相關的標籤可以配置較高的預覽值。又如,重新布局時著重顯示頁面中的文字內容,則與標題、正文相關的標籤可以配置較高的預覽值,或可以根據文字的多少確定預覽值得高低。其中,可見節點的預覽值可以標識該可見節點對應內容在網頁中預覽的可能性。因此,根據各可見節點的標籤確定對應可見節點的預覽值後,就可以獲取到該可見節點對應的內容在網頁中預覽的可能性的高低。步驟103,依據各可見節點的預覽值確定網頁中的預覽內容,並對所述預覽內容進行顯示。本發明實施例可以根據可見節點的預覽值確定網頁中的預覽內容,例如,可以設定一個預覽值的標準,凡是預覽值達到該標準的可見節點,其對應的內容都可以設為預覽內容。又如,可以僅將預覽值最高的可見節點對應的內容作為預覽內容。獲取到預覽內容後,就獲取到了重新布局所要顯示的內容,因此可以顯示該預覽內容。綜上所述,本發明實施例可以獲取DOM樹和render樹,並確定DOM樹中的可見節點,再依據具體的需求,由各可見節點的標籤確定對應可見節點的預覽值,最終確定網頁中的預覽內容進行顯示,預覽內容可以是依據需求而從網頁中提取的關鍵內容,從而可以較小的移動終端的屏幕中顯示關鍵內容,方便用戶查看、閱讀網頁的內容,減少瀏覽時間。參照圖2,給出了本發明實施例所述可見節點檢測方法流程圖。較佳的,依據render樹確定DOM樹中的各個可見節點,包括檢測DOM樹中的節點是否存在於render樹中;若該節點不存在於render樹中,則該節點不是可見節點;若該節點存在於所述render樹中,則該節點為可見節點。具體過程如下步驟201,獲取DOM樹中的一個節點。DOM樹中有許多個節點,要分別確定每一個節點是否是可見節點,就要一次獲取各個節點,然後執行後續的檢測操作。即需要從DOM樹中獲取一個節點,該節點檢測完成後再獲取下一個節點,直到DOM樹中所有節點都完成檢測為止。步驟202,檢測該節點是否存在於render樹中。若是,即該節點存在於render樹中,則執行步驟204;若否,即該節點不存在於render樹中,則執行步驟203。步驟203,該節點不是可見節點。render樹負責DOM樹中內容的顯示,因此若DOM樹中的一個節點不存在於render樹中,則該節點必然沒有相關的顯示信息。因此,若所述節點不存在於所述render樹中,則所述節點不是可見節點,可以忽略該節點。後續執行步驟205。步驟204,該節點為可見節點。若DOM樹中獲取的節點存在於render樹中,則說明該節點具有相關的顯示信息,因此該節點是可見節點。後續執行步驟205。當然,通過節點是否存在於render樹中來確定節點是否為可見節點,只是確定可見節點的一種方法,當然還可以在遍歷DOM樹的各節點時,檢測該節點在DOM樹中的屬性及其屬性值,通過該屬性值進一步確定該節點是否為可見節點。其中,DOM樹中的節點具備一些與顯示相關的屬性,依據這類屬性的屬性值就可以確定該節點是否可見。例如,節點的「display」屬性的屬性值為〃none〃,或者「visibility」屬性的屬性值為"hidden",則該節點是不可見節點,相反的,就為可見節點。步驟205,檢測DOM樹中是否有未檢測的節點。確定一個節點是可見節點或不是可見節點後,就完成了對該節點的檢測,但是需要對所有節點都完成判斷才能執行後續的流程,因此可以檢測DOM樹中是否有未檢測的節點。若是,即DOM樹中有未檢測的節點,則返回步驟201 ;若否,即DOM樹中沒有未檢測的節點,則結束檢測。綜上所述,本發明實施例可以依據render樹確定DOM樹中的各個可見節點,具體包括檢測DOM樹中的節點是否在render樹中,若在render樹中,則進一步檢測其屬性值,從而確定該節點是否為可見節點,因此可以準確、快速的確定DOM樹中的可見節點。較佳的,確定各可見節點的預覽值,包括根據各可見節點的標籤確定各可見節點初始預覽值,並將初始預覽值作為標籤各可見節點的預覽值。
由於DOM樹中的可見節點在網頁文檔中表徵的具體內容不同,因此各可見節點也具有不同的標籤。具體的,標籤可以看作是節點的標識,是在配置網頁文檔時就配置完成的,例如,網頁文檔中標題部分的內容是〈titIe>XXXXX-XXX-XX〈/ti11e>,該內容對應DOM樹中的節點以〈title〉為起點,以〈/title〉為終點,該節點為可見節點,該可見節點的標籤就是title。本發明實施例中,可以為每一個標籤配置一個初始預覽值,至於初始預覽值的大小,就可以依據重新布局的需求,靈活的設定。因此,對於每一個可見節點,它的標籤可以表徵出在網頁中的顯示內容,也就可以表徵出該可見標籤的預覽可能性,因此可以根據標題確定各可見節點的初始預覽值,並將該初始預覽值作為該可見節點的預覽值。較佳的,可見節點的標籤為預設標籤時,根據在網頁文檔中該可見節點對應的內容確定附加預覽值;將該附加預覽值與預設標籤的初始預覽值相加得到該可見節點的預覽值。雖然可見節點的標籤相同,但其在網頁中的具體內容是不同,因此其在重新布局時預覽的可能性還是存在區別的。例如,網頁中正文載入的圖片通常比推薦內容載入的圖片大,該網頁著重展示的是正文載入的圖片,與此同時,用戶瀏覽該網頁想要查看的往往也是正文載入的圖片,因此不同大小的圖片對應的可見節點的預覽值可以不同。又如,網頁的文字內容中,摘要部分的文字往往比正文部分的文字少很多,該網頁著重展示的是正文部分,用戶瀏覽網頁時主要查看的通常也是正文部分,因此正文部分對應的可見節點的預覽值和摘要部分對應的可見節點的預覽值可以具有差別。因此,本發明實施例中當可見節點的標籤為預設標籤時,可以獲取該可見節點在網頁中對應的內容,再計算該內容的附加預覽值,即內容的多少、大小可以影響可見節點的預覽值。例如,著重展示文字內容時,正文部分的內容對應的可見節點的標籤一般為text,當然摘要部分的內容對應的可見節點的標籤也是text。此時針對標籤為text的可見節點對應的內容,可以為內容的長度、文字、標點符號等都配置相應的附件預覽值,從而標籤為text的可見節點就可以根據其具體的內容計算出相應的附加預覽值,從而區分出同種標籤的可見節點的在重新布局時預覽的區別。其中,預設標籤可以根據具體需求設定,如著重展示文字內容時,預設標籤為text ;著重展示圖片時,預設標籤為img。獲取到可見節點的附加預覽值後,將該附加預覽值與預設標籤的初始預覽值相加求和,從而計算出該可見節點的預覽值,即附加預覽值與初始預覽值的和。綜上所述,本發明實施例可以依據需求設定標籤對應的初始預覽值,作為所述標籤對應的可見節點的預覽值,從而可以依據需求確定各標籤的可見節點預覽的可能性。進一步,為了使頁面布局各具重點,符合用戶的需求,還可以設置預設標籤的附加預覽值,該附件預覽值可以依據可見節點對應網頁中的內容而確定,從而使得可見節點的預覽值更準確,顯示的預覽內容等突出重點。參照圖3,給出了本發明實施例所述DOM樹示意圖。
較佳的,DOM樹中的可見節點間還具有層級關係,其中,上層可見節點是其下層可見節點的I級父節點,則上層可見節點的I級父節點是其下層可見節點的2級父節點,依次類推,上層可見節點的η級父節點是其下層可見節點的η+1級父節點。本發明實施例中DOM樹的可見節點還具有層級關係,即上下層的可見節點是具有關聯關係的。其中,上層可見節點和其下層可見節點(即該上層可見節點的下層可見節點)是相對於相連的兩個可見節點而言的。如圖3中,A和B是相連的兩個可見節點,則A是上層可見節點,B是A的下層可見節點;Α和D不是相連的兩個可見節點,則D不是A的下層可見節
點。 具體的該層級關係表現為I)上層可見節點是其下層可見節點的I級父節點。如圖3中,若I是上層可見節點,則M和N是I的下層可見節點,則I是Μ、N的I級父節點。2)上層可見節點的I級父節點是其下層可見節點的2級父節點。若D是上層可見節點,則I和J是I的下層可見節點,則I是1、J的I級父節點,進一步,I是Μ、N的2級父節點。同理,若B是上層可見節點,則D和E是B的下層可見節點,則B是D、E的I級父節點,進一步,B是1、J的2級父節點,並且B是Μ、N的3級父節點。......以此類推。3)上層可見節點的η級父節點是其下層可見節點的η+1級父節點。如圖3中,設n=3,A是I的3級父節點,則A是Μ、N的4級父節點。在上述實施例的基礎上,預覽值的確定方法還包括將可見節點的預覽值按照比重添加到該可見節點的各級父節點的預覽值中。可見節點間具備層級關係時,這些可見節點往往也具備一定的關聯關係。例如網頁中正文的標題、摘要、時間信息和具體的文本內容等都是對應於不同的可見節點的,但是這些可見節點是具有層級關係的。在重新布局網頁時,也需要考慮到網頁中內容的完整性,各個可見節點並不是獨立存在的,因此可以根據所述層級關係配置各可見節點在其各級父節點中所佔的比重。例如,可見節點在其I級父節點中所佔的比重是O. 5,在其2級父節點中所佔的比重是
0.3,......在其η級父節點中所佔的比重是X。然後計算可見節點的預覽值時,若該可見節點是某些可見節點的父節點,則可以按照對應的比重對這些可見節點的預覽值進行加權,並添加到該可見節點的預覽值之中。如圖3中,假設M的預覽值為10,N的預覽值為30,J的預覽值為24,未考慮I作為父節點的情況下,I的預覽值為8,未考慮D作為預覽值時,D的預覽值為15。由於I作為M和N的I級父節點,則I的預覽值=8+10*0. 5+30*0. 5=28。D作為I和J的I級父節點,並且作為M和N的2級父節點,則D的預覽值=15+28*0.5+24*0. 5+10*0. 3+20*0. 3=50。由此就可以計算出各可見節點的預覽值,再繼續進行後續操作。綜上所述,本發明實施例還考慮到可見節點的層級關係,在計算預覽值時若某一可見節點是其他可見節點的父節點,則會將其他可見節點的預覽值按照一定比重添加到該可見節點的預覽值中,從而使預覽值更加準確,使最終確定的預覽內容更加準確。參照圖4,給出了本發明實施例所述預覽內容確定方法流程圖。較佳的,依據各可見節點的預覽值確定網頁中預覽內容,包括步驟401,獲取預覽值最大的兩個可見節點,分別作為最高可見節點和次高可見節點。獲取所有可見節點的預覽值以後,可以對所有可見節點的預覽值進行統計、比較,從而獲取預覽值最大的兩個可見節點,分別作為最高可見節點和次高可見節點。步驟402,依據最聞可見節點和次聞可見節點的層級關係,從最聞可見節點和次聞可見節點中確定預覽內容所處的可見節點。然後可以依據可見節點間的層級關係,確定最高可見節點和次高可見節點具有怎樣的層級關係,進而根據該層級關係中確定執行預覽的可見節點,即預覽內容所處可見節點。具體包括I)若最高可見節點是次高可見節點的任一級父節點,則將最高可見節點作為預覽內容所處的可見節點。若通過檢測確定最高可見節點是次高可見節點的任一級父節點,則說明最高可見節點和次聞可見節點具有一定的關聯關係,例如,最聞可見節點可能對應網頁中正文的標題部分,次高可見節點可能對應網頁中正文的文字內容部分,因此可以將最高可見節點作為預覽內存所處的可見節點。本發明實施例中不限定於僅展示執行預覽的可見節點對應的內容,而可以是重新布局網頁時,從該預覽內容所處的可見節點提取出開始顯示內容。例如,上述圖3中最高可見節點為D,次高可見節點為N,則其中D是N的2級父節點,則可見將D作為預覽內容所處的可見節點,從D對應的內容開始進行顯示。2)若最高可見節點不是次高可見節點的任一級父節點,則依據最高可見節點和次高可見節點對應內容在網頁中的位置關係,確定預覽內容所處的可見節點。若最高可見節點不是次高可見節點的任一級父節點,則說明最高可見節點和次高可見節點間不具備直接的上下層關係,此時可以檢測最高可見節點和次高可見節點對應內容在網頁中的位置關係,從而確定預覽內容所處的可見節點。其中,render樹中包含各可見節點對應內容在網頁中的位置,但是render樹中記錄出的位置是在layout前生成的,實際layout時具體內容的位置可能存在差別。例如,render樹中某一可見節點的上層可見節點對應內容是圖片,放置圖片後才顯示該可見節點的內容,因此render樹中存儲的該可見節點的位置是圖片顯示後的為止,但實際Iayout時,該圖片為獲取成功,則圖片不會顯示,因此該可見節點的內容的位置發生了變化,也即render樹中記錄的位置不是實際位置。本發明實施例為了更準確的布局網頁中的內容,可以在layout時計算並記錄各可見節點對應內容的位置,並以此時記錄的位置判斷最高可見節點和次高可見節點的位置關係,確定預覽內容所處的可見節點。具體如下①位置關係為左右且不重合;分別計算最高可見節點和次高可見節點中,所包括的標籤為預設標籤的節點的附加預覽值的和值,並將和值大的可見節點作為預覽內容所處的可見節點。若最高可見節點和次高可見節點對應內容在網頁中的位置關係為左右且不重合,說明這兩個可見節點對應內容在網頁中分屬不同部分,因此可以依據預設標籤對應內容的多少來確定預覽內容所處的可見節點。具體的,由於一個可見節點可能是若干可見節點的父節點,而這若干可見節點中一部分可見節點的標籤是預設標籤,因此可以將這些是預設標籤的可見節點的附件預覽值都相加求和,作為該可見節點的附加預覽值,也即要依據最高可見節點和次高可見節點中各預設標籤的附加預覽值的和值,確定預覽內容所處的可見節點。例如假設圖3中最高可見節點為D其預覽值為50,次高可見節點為C,其預覽值為48。D和C不具備父子關係,並且其對應內容在網頁中的位置關係為左右且不重合,則可以計算D和C中預設標籤的附加預覽值的和值。以D為例具體論述,假設D、J和M的標籤是預設標籤,則D中預設標籤的附加預覽值的和值=D的附加預覽值+J的附加預覽值+M的附加預覽值。為了重新布局網頁時有重點的展示,可以將預設標籤的附加預覽值的和值最大的可見節點作為執行預覽的可見節點。②除左右且不重合以外的其他位置關係;將最高可見節點和次高可見節點的公共父節點作為執行預覽的可見節點。若最高可見節點和次高可見節點對應內容在網頁中的位置關係不是左右且不重合,即為其他位置關係,則最高可見節點和次高可見節點對應內容都是比較重要的,因此可以查找最高可見節點和次高可見節點的公共父節點,然後將該公共父節點作為預覽內容所處的可見節點。如假設圖3中最高可見節點為D,次高可見節點為E,則D和E對應內容在網頁中的位置關係不是左右且不重合,則將D和E的公共父節點B作為執行預覽的可見節點。其中,公共父節點指的是幾個可見節點的共有的父節點,至於是否是同一級父節點,是哪一級父節點,本發明實施例不做限定。步驟403,由預覽內容所處的可見節點對應網頁文檔中的內容開始為預覽內容。可以將預覽內容所處的可見節點對應網頁文檔中的內容作為預覽內容的一部分,由確定得到的所述預覽內容所處的可見節點提取得到所述預覽內容,具體的從執行預覽的可見節點對應網頁文檔中的內容開始進行預覽。即將該內容的開始出作為預覽內容的起點。參照圖5,給出了本發明實施例所述起始節點確定方法流程圖。較佳的,確定預覽內容所處的可見節點之後,所述方法還包括步驟501,判斷可見節點的節點內容中是否存在第一預設字符。當確定預覽內容所處的可見節點之後,還需要具體依照該可見節點中的具體內容,確定預覽內容。因此首先需要確定預覽內容的起始點。由於該可見節點可能是一些可見節點的某級父節點,因此該可見節點的內容可能包含很多節點的內容。網頁中的內容是與節點相對應的,因此確定預覽內容的起始點就可以看作是確定起始節點。因此,可以首先判斷可見節點的節點內容中是否存在第一預設字符,其中所述第一預設字符是網頁中具有起始標誌的相關字符。例如,網頁中的正文內容中往往會先記錄時間,或給出正文的標題,或標識正文的來源(如轉自XXX網)等,因此這些時間信息、標題和來源的就可以作為一類第一預設字符。若是,即可見節點的節點內容中存在第一預設字符,則執行步驟502;若否,即可見節點的節點內容中不存在第一預設字符,則執行步驟502。步驟502,將第一預設字符所處的節點作為起始節點。當存在第一預設字符時,可以將第一預設字符所處的節點作為起始節點,例如,第一預設字符是時間信息,因此就可以將該時間信息所處的節點作為起始節點,從該起始節點處開始布局預覽內容。步驟503,將標籤為預設標籤的節點作為起始節點。當不存在第一預設字符時,可以將預覽內容所處的可見節點中,首次出現預設標籤的節點作為起始節點,從該節點處開始布局預覽內容。較佳的,確定預覽內容所處的可見節點之後,還包括依據render樹確定預覽內容的結束節點,所述結束節點包括在預覽內容所處的可見節點之後的可見節點對應內容包含若干預置格式的連結,或達到DOM樹中可見節點的結尾。對於預覽內容的結束點,可以依據render樹來確定。因為若該網頁後續還有其他網頁,則在執行預覽的可見節點之後的可見節點對應內容中,通常會以「下一頁」、「末頁」等為結尾,因此找到「下一頁」等字樣,就可以將其作為結束點。若沒有「下一頁」等信息,通常網頁正文結束後,會存在一些連續的連結內容,並且這些連結往往具備一定的格式,如這些連結是左對齊,行間距相同,且行間距不超過他們的高度等,因此可以將這些配置為預置格式,若在執行預覽的可見節點之後的可見節點對應內容包含若干預置格式的連結,則將此作為結束點。進一步為了防止內容丟失,在確定到若干預置格式的連結後,若通過render樹確定其之後還有預設標籤的可見節點,例如text的可見節點,連接後可能較長的文本,則忽略這些連結,繼續向後查找。當然,也可以達到DOM樹中可見節點的結尾,然後將該結尾作為結束點,確定預覽內容,最終完成網頁布局,顯示預覽內容。綜上所述,本發明實施例將預覽值最大的兩個可見節點作為最高可見節點和次高可見節點,從而由最高可見節點和次高可見節點確定執行預覽的可見節點,進而將執行預覽的可見節點對應所述網頁文檔中的內容開始為預覽內容,使確定的預覽內容能夠比較準確的顯示出重點,方便用戶查看、閱讀。參照圖6,給出了本發明實施例所述一種針對網頁的處理裝置結構圖。本發明實施例中還提供了一種針對網頁的處理裝置,包括獲取模塊11、預覽值確定模塊12和顯示模塊13,其中獲取模塊11,用於獲取對網頁的網頁文檔解析後生成的DOM樹和render樹;預覽值確定模塊12,用於由所述render樹確定所述DOM樹中的可見節點,並確定各可見節點的預覽值;顯示模塊13,用於依據所述各可見節點的預覽值確定所述網頁中的預覽內容,並對所述預覽內容進行顯示。
參照圖7,給出了本發明另一實施例所述針對網頁的處理裝置結構圖。較佳的,所述預覽值確定模塊12,包括檢測子模塊121,用於檢測所述節點是否存在於所述render樹中;若所述節點不存在於所述render樹中,則所述節點不是可見節點;若所述節點存在於所述render樹中,則所述節點為可見節點。較佳的,所述預覽值確定模塊12,包括預覽值確定子模塊122,用於根據所述各可見節點的標籤確定所述各可見節點的初始預覽值,並將所述初始預覽值作為所述各可見節點的預覽值。較佳的,所述預覽值確定子模塊122,還用於在所述可見節點的標籤為預設標籤時,根據在網頁文檔中所述可見節點對應的內容確定附加預覽值;將所述附加預覽值與所述初始預覽值相加得到所述可見節點的預覽值。較佳的,所述預覽值確定子模塊122,還用於將所述可見節點的預覽值按照預設的比重添加到所述可見節點的各級父節點的預覽值中。較佳的,所述顯示模塊13,包括獲取子模塊131,用於獲取所述預覽值最大的兩個可見節點,分別作為最高可見節點和次聞可見節點;節點確定子模塊132,用於依據所述最高可見節點和次高可見節點的層級關係,從所述最高可見節點和次高可見節點中確定所述預覽內容所處的可見節點;內容提取子模塊135,用於由確定得到的所述預覽內容所處的可見節點提取得到所述預覽內容。較佳的,所述節點確定子模塊132,具體用於若所述最高可見節點是所述次高可見節點的任一級父節點,則將所述最高可見節點作為所述預覽內容所處的可見節點。較佳的,所述節點確定子模塊132,具體用於若所述最高可見節點不是所述次高可見節點的任一級父節點,則依據所述最高可見節點和次高可見節點對應內容在網頁中的位置關係,確定所述預覽內容所處的可見節點。較佳的,所述節點確定子模塊132,具體用於若所述位置關係為左右且不重合,則分別計算所述最高可見節點和次高可見節點中所包括的標籤為預設標籤的節點的預覽值的和值,並將所述和值大的可見節點作為所述預覽內容所處的可見節點;若為除左右且不重合以外的其他位置關係,則將所述最高可見節點和次高可見節點的公共父節點作為所述預覽內容所處的可見節點。較佳的,所述顯示模塊13,還包括起始節點確定子模塊133,用於判斷所述可見節點的節點內容中是否存在第一預設字符;當存在第一預設字符時,將所述第一預設字符所處的節點作為起始節點;當不存在第一預設字符時,將標籤為預設標籤的節點作為起始節點。較佳的,所述顯示模塊13,還包括結束節點確定子模塊134,用於依據render樹確定預覽內容的結束節點,所述結束節點包括在所述預覽內容所處的可見節點之後的可見節點對應內容包含若干預置格式的連結,或達到所述DOM樹中可見節點的結尾。相應的,本發明實施例還提供了一種設備,所述設備包括
一個或多個處理器;存儲器;和一個或多個模塊,所述一個或多個模塊存儲於所述存儲器中並被配置成由所述一個或多個處理器執行,其中,所述一個或多個模塊具有如下功能獲取對網頁的網頁文檔解析後生成的DOM樹和render樹;由所述render樹確定所述DOM樹中的可見節點,並確定各可見節點的預覽值;依據所述各可見節點的預覽值確定所述網頁中的預覽內容,並對所述預覽內容進行顯示。較佳的,所述依據所述render樹確定所述DOM樹中的可見節點,採用如下方式檢測所述節點是否存在於所述render樹中;若所述節點不存在於所述render樹中,則所述節點不是可見節點;若所述節點存在於所述render樹中,則所述節點為可見節點。較佳的,所述確定各可見節點的預覽值,採用如下方式根據所述各可見節點的標籤確定所述各可見節點的初始預覽值,並將所述初始預覽值作為所述各可見節點的預覽值。較佳的,所述可見節點的標籤為預設標籤時,根據在網頁文檔中所述可見節點對應的內容確定附加預覽值;將所述附加預覽值與所述初始預覽值相加得到所述可見節點的預覽值。較佳的,將所述可見節點的預覽值按照預設的比重添加到所述可見節點的各級父節點的預覽值中。較佳的,所述依據所述各可見節點的預覽值確定所述網頁中預覽內容,採用如下方式獲取所述預覽值最大的兩個可見節點,分別作為最高可見節點和次高可見節點;依據所述最高可見節點和次高可見節點的層級關係,從所述最高可見節點和次高可見節點中確定所述預覽內容所處的可見節點;由確定得到的所述預覽內容所處的可見節點提取得到所述預覽內容。較佳的,所述依據最高可見節點和次高可見節點的層級關係,從所述最高可見節點和次高可見節點中確定執行預覽的可見節點,採用如下方式若所述最高可見節點是所述次高可見節點的任一級父節點,則將所述最高可見節點作為所述預覽內容所處的可見節點。較佳的,所述依據所述層級關係,從最高可見節點和次高可見節點中確定所述預覽內容所處的可見節點,採用如下方式若所述最高可見節點不是所述次高可見節點的任一級父節點,則依據所述最高可見節點和次高可見節點對應內容在網頁中的位置關係,確定所述預覽內容所處的可見節點。較佳的,所述依據所述最高可見節點和次高可見節點對應內容在網頁中的位置關係,確定所述預覽內容所處的可見節點,採用如下方式若所述位置關係為左右且不重合,則分別計算所述最高可見節點和次高可見節點中所包括的標籤為預設標籤的節點的預覽值的和值,並將所述和值大的可見節點作為所述預覽內容所處的可見節點;若為除左右且不重合以外的其他位置關係,則將所述最高可見節點和次高可見節點的公共父節點作為所述預覽內容所處的可見節點。較佳的,確定所述預覽內容所處的可見節點之後,所述方法還包括判斷所述可見節點的節點內容中是否存在第一預設字符;當存在第一預設字符時,將所述第一預設字符所處的節點作為起始節點;當不存在第一預設字符時,將標籤為預設標籤的節點作為起始節點。較佳的,確定所述預覽內容所處的可見節點之後,所述方法還包括依據render樹確定預覽內容的結束節點,所述結束節點包括在所述預覽內容所處的可見節點之後的可見節點對應內容包含若干預置格式的連結,或達到所述DOM樹中可見節點的結尾。本實施例還提供了一種非易失性可讀存儲介質,該存儲介質中存儲有一個或多個模塊(programs),該一個或多個模塊被應用在具有觸控螢幕幕的設備時,可以使得該設備執行如下步驟的指令(instructions)獲取對網頁的網頁文檔解析後生成的DOM樹和render樹;由所述render樹確定所述DOM樹中的可見節點,並確定各可見節點的預覽值;依據所述各可見節點的預覽值確定所述網頁中的預覽內容,並對所述預覽內容進行顯示。較佳的,所述依據所述render樹確定所述DOM樹中的可見節點,採用如下方式檢測所述節點是否存在於所述render樹中;若所述節點不存在於所述render樹中,則所述節點不是可見節點;若所述節點存在於所述render樹中,則所述節點為可見節點。較佳的,所述確定各可見節點的預覽值,採用如下方式根據所述各可見節點的標籤確定所述各可見節點的初始預覽值,並將所述初始預覽值作為所述各可見節點的預覽值。較佳的,所述可見節點的標籤為預設標籤時,根據在網頁文檔中所述可見節點對應的內容確定附加預覽值;將所述附加預覽值與所述初始預覽值相加得到所述可見節點的預覽值。較佳的,將所述可見節點的預覽值按照預設的比重添加到所述可見節點的各級父節點的預覽值中。較佳的,所述依據所述各可見節點的預覽值確定所述網頁中預覽內容,採用如下方式獲取所述預覽值最大的兩個可見節點,分別作為最高可見節點和次高可見節點;依據所述最高可見節點和次高可見節點的層級關係,從所述最高可見節點和次高可見節點中確定所述預覽內容所處的可見節點;由確定得到的所述預覽內容所處的可見節點提取得到所述預覽內容。較佳的,所述依據最高可見節點和次高可見節點的層級關係,從所述最高可見節點和次高可見節點中確定執行預覽的可見節點,採用如下方式若所述最高可見節點是所述次高可見節點的任一級父節點,則將所述最高可見節點作為所述預覽內容所處的可見節點。較佳的,所述依據所述層級關係,從最高可見節點和次高可見節點中確定所述預覽內容所處的可見節點,採用如下方式若所述最高可見節點不是所述次高可見節點的任一級父節點,則依據所述最高可見節點和次高可見節點對應內容在網頁中的位置關係,確定所述預覽內容所處的可見節點。較佳的,所述依據所述最高可見節點和次高可見節點對應內容在網頁中的位置關係,確定所述預覽內容所處的可見節點,採用如下方式若所述位置關係為左右且不重合,則分別計算所述最高可見節點和次高可見節點中所包括的標籤為預設標籤的節點的預覽值的和值,並將所述和值大的可見節點作為所述預覽內容所處的可見節點;若為除左右且不重合以外的其他位置關係,則將所述最高可見節點和次高可見節點的公共父節點作為所述預覽內容所處的可見節點。較佳的,確定所述預覽內容所處的可見節點之後,所述方法還包括判斷所述可見節點的節點內容中是否存在第一預設字符;當存在第一預設字符時,將所述第一預設字符所處的節點作為起始節點;當不存在第一預設字符時,將標籤為預設標籤·的節點作為起始節點。較佳的,確定所述預覽內容所處的可見節點之後,所述方法還包括依據render樹確定預覽內容的結束節點,所述結束節點包括在所述預覽內容所處的可見節點之後的可見節點對應內容包含若干預置格式的連結,或達到所述DOM樹中可見節點的結尾。對於裝置實施例而言,由於其與方法實施例基本相似,所以描述的比較簡單,相關之處參見方法實施例的部分說明即可。本說明書中的各個實施例均採用遞進的方式描述,每個實施例重點說明的都是與其他實施例的不同之處,各個實施例之間相同相似的部分互相參見即可。本發明可以在由計算機執行的計算機可執行指令的一般上下文中描述,例如程序模塊。一般地,程序模塊包括執行特定任務或實現特定抽象數據類型的例程、程序、對象、組件、數據結構等等。也可以在分布式計算環境中實踐本發明,在這些分布式計算環境中,由通過通信網絡而被連接的遠程處理設備來執行任務。在分布式計算環境中,程序模塊可以位於包括存儲設備在內的本地和遠程計算機存儲介質中。最後,還需要說明的是,在本文中,諸如第一和第二等之類的關係術語僅僅用來將一個實體或者操作與另一個實體或操作區分開來,而不一定要求或者暗示這些實體或操作之間存在任何這種實際的關係或者順序。而且,術語「包括」、「包含」或者其任何其他變體意在涵蓋非排他性的包含,從而使得包括一系列要素的過程、方法、商品或者設備不僅包括那些要素,而且還包括沒有明確列出的其他要素,或者是還包括為這種過程、方法、商品或者設備所固有的要素。在沒有更多限制的情況下,由語句「包括一個……」限定的要素,並不排除在包括所述要素的過程、方法、商品或者設備中還存在另外的相同要素。以上對本發明所提供的一種針對網頁的處理方法和裝置,進行了詳細介紹,本文中應用了具體個例對本發明的原理及實施方式進行了闡述,以上實施例的說明只是用於幫助理解本發明的方法及其核心思想;同時,對於本領域的一般技術人員,依據本發明的思想,在具體實施方式
及應用範圍上均會有改變之處,綜上所述,本說明書內容不應理解為對本發明的限制。
權利要求
1.一種針對網頁的處理方法,其特徵在於,包括 獲取對網頁的網頁文檔解析後生成的DOM樹和render樹; 由所述render樹確定所述DOM樹中的可見節點,並確定各可見節點的預覽值; 依據所述各可見節點的預覽值確定所述網頁中的預覽內容,並對所述預覽內容進行顯示。
2.根據權利要求1所述的方法,其特徵在於,所述依據所述render樹確定所述DOM樹中的可見節點,採用如下方式 檢測所述節點是否存在於所述render樹中; 若所述節點不存在於所述render樹中,則所述節點不是可見節點; 若所述節點存在於所述render樹中,則所述節點為可見節點。
3.根據權利要求1所述的方法,其特徵在於,所述確定各可見節點的預覽值,採用如下方式 根據所述各可見節點的標籤確定所述各可見節點的初始預覽值,並將所述初始預覽值作為所述各可見節點的預覽值。
4.根據權利要求3所述的方法,其特徵在於,還包括 所述可見節點的標籤為預設標籤時,根據在網頁文檔中所述可見節點對應的內容確定附加預覽值; 將所述附加預覽值與所述初始預覽值相加得到所述可見節點的預覽值。
5.根據權利要求4所述的方法,其特徵在於,還包括 將所述可見節點的預覽值按照預設的比重添加到所述可見節點的各級父節點的預覽值中。
6.根據權利要求1所述的方法,其特徵在於,所述依據所述各可見節點的預覽值確定所述網頁中預覽內容,採用如下方式 獲取所述預覽值最大的兩個可見節點,分別作為最高可見節點和次高可見節點; 依據所述最高可見節點和次高可見節點的層級關係,從所述最高可見節點和次高可見節點中確定所述預覽內容所處的可見節點; 由確定得到的所述預覽內容所處的可見節點提取得到所述預覽內容。
7.根據權利要求6所述的方法,其特徵在於,所述依據最高可見節點和次高可見節點的層級關係,從所述最高可見節點和次高可見節點中確定執行預覽的可見節點,採用如下方式 若所述最高可見節點是所述次高可見節點的任一級父節點,則將所述最高可見節點作為所述預覽內容所處的可見節點。
8.根據權利要求7所述的方法,其特徵在於,所述依據所述層級關係,從最高可見節點和次高可見節點中確定所述預覽內容所處的可見節點,採用如下方式 若所述最高可見節點不是所述次高可見節點的任一級父節點,則依據所述最高可見節點和次高可見節點對應內容在網頁中的位置關係,確定所述預覽內容所處的可見節點。
9.根據權利要求8所述的方法,其特徵在於,所述依據所述最高可見節點和次高可見節點對應內容在網頁中的位置關係,確定所述預覽內容所處的可見節點,採用如下方式 若所述位置關係為左右且不重合,則分別計算所述最高可見節點和次高可見節點中所包括的標籤為預設標籤的節點的預覽值的和值,並將所述和值大的可見節點作為所述預覽內容所處的可見節點; 若為除左右且不重合以外的其他位置關係,則將所述最高可見節點和次高可見節點的公共父節點作為所述預覽內容所處的可見節點。
10.根據權利要求6所述的方法,其特徵在於,確定所述預覽內容所處的可見節點之後,所述方法還包括 判斷所述可見節點的節點內容中是否存在第一預設字符; 當存在第一預設字符時,將所述第一預設字符所處的節點作為起始節點; 當不存在第一預設字符時,將標籤為預設標籤的節點作為起始節點。
11.根據權利要求6所述的方法,其特徵在於,確定所述預覽內容所處的可見節點之後,所述方法還包括 依據render樹確定預覽內容的結束節點,所述結束節點包括 在所述預覽內容所處的可見節點之後的可見節點對應內容包含若干預置格式的連結,或達到所述DOM樹中可見節點的結尾。
12.—種針對網頁的處理裝置,其特徵在於,包括 獲取模塊,用於獲取對網頁的網頁文檔解析後生成的DOM樹和render樹; 預覽值確定模塊,用於由所述render樹確定所述DOM樹中的可見節點,並確定各可見節點的預覽值; 顯示模塊,用於依據所述各可見節點的預覽值確定所述網頁中的預覽內容,並對所述預覽內容進行顯示。
13.根據權利要求12所述的裝置,其特徵在於,所述預覽值確定模塊,包括 檢測子模塊,用於檢測所述節點是否存在於所述render樹中;若所述節點不存在於所述render樹中,則所述節點不是可見節點;若所述節點存在於所述render樹中,則所述節點為可見節點。
14.根據權利要求12所述的裝置,其特徵在於,所述預覽值確定模塊,包括 預覽值確定子模塊,用於根據所述各可見節點的標籤確定所述各可見節點的初始預覽值,並將所述初始預覽值作為所述各可見節點的預覽值。
15.根據權利要求14所述的裝置,其特徵在於 所述預覽值確定子模塊,還用於在所述可見節點的標籤為預設標籤時,根據在網頁文檔中所述可見節點對應的內容確定附加預覽值;將所述附加預覽值與所述初始預覽值相加得到所述可見節點的預覽值。
16.根據權利要求15所述的裝置,其特徵在於 所述預覽值確定子模塊,還用於將所述可見節點的預覽值按照預設的比重添加到所述可見節點的各級父節點的預覽值中。
17.根據權利要求12所述的裝置,其特徵在於,所述顯示模塊,包括 獲取子模塊,用於獲取所述預覽值最大的兩個可見節點,分別作為最高可見節點和次高可見節點; 節點確定子模塊,用於依據所述最高可見節點和次高可見節點的層級關係,從所述最高可見節點和次高可見節點中確定所述預覽內容所處的可見節點;內容提取子模塊,用於由確定得到的所述預覽內容所處的可見節點提取得到所述預覽內容。
18.根據權利要求16所述的裝置,其特徵在於; 所述節點確定子模塊,具體用於若所述最高可見節點是所述次高可見節點的任一級父節點,則將所述最高可見節點作為所述預覽內容所處的可見節點。
19.根據權利要求18所述的裝置,其特徵在於; 所述節點確定子模塊,具體用於若所述最高可見節點不是所述次高可見節點的任一級父節點,則依據所述最高可見節點和次高可見節點對應內容在網頁中的位置關係,確定所述預覽內容所處的可見節點。
20.根據權利要求19所述的裝置,其特徵在於; 所述節點確定子模塊,具體用於若所述位置關係為左右且不重合,則分別計算所述最高可見節點和次高可見節點中所包括的標籤為預設標籤的節點的預覽值的和值,並將所述和值大的可見節點作為所述預覽內容所處的可見節點;若為除左右且不重合以外的其他位置關係,則將所述最高可見節點和次高可見節點的公共父節點作為所述預覽內容所處的可見節點。
21.根據權利要求17所述的裝置,其特徵在於,所述顯示模塊,還包括 起始節點確定子模塊,用於判斷所述可見節點的節點內容中是否存在第一預設字符;當存在第一預設字符時,將所述第一預設字符所處的節點作為起始節點;當不存在第一預設字符時,將標籤為預設標籤的節點作為起始節點。
22.根據權利要求17所述的裝置,其特徵在於,所述顯示模塊,還包括 結束節點確定子模塊,用於依據render樹確定預覽內容的結束節點,所述結束節點包括在所述預覽內容所處的可見節點之後的可見節點對應內容包含若干預置格式的連結,或達到所述DOM樹中可見節點的結尾。
23.一種設備,其特徵在於,所述設備包括 一個或多個處理器; 存儲器;和 一個或多個模塊,所述一個或多個模塊存儲於所述存儲器中並被配置成由所述一個或多個處理器執行,其中,所述一個或多個模塊具有如下功能 獲取對網頁的網頁文檔解析後生成的DOM樹和render樹; 由所述render樹確定所述DOM樹中的可見節點,並確定各可見節點的預覽值; 依據所述各可見節點的預覽值確定所述網頁中的預覽內容,並對所述預覽內容進行顯/Jn o
全文摘要
本發明實施例提供了一種針對網頁的處理方法、裝置和設備,涉及網頁技術。所述的方法包括獲取對網頁的網頁文檔解析後生成的DOM樹和render樹;由所述render樹確定所述DOM樹中的可見節點,並確定各可見節點的預覽值;依據所述各可見節點的預覽值確定所述網頁中的預覽內容,並對所述預覽內容進行顯示。
文檔編號G06F17/30GK103020156SQ20121048439
公開日2013年4月3日 申請日期2012年11月23日 優先權日2012年11月23日
發明者張少偉, 徐國市, 左景龍 申請人:北京小米科技有限責任公司

同类文章

一種新型多功能組合攝影箱的製作方法

一種新型多功能組合攝影箱的製作方法【專利摘要】本實用新型公開了一種新型多功能組合攝影箱,包括敞開式箱體和前攝影蓋,在箱體頂部設有移動式光源盒,在箱體底部設有LED脫影板,LED脫影板放置在底板上;移動式光源盒包括上蓋,上蓋內設有光源,上蓋部設有磨沙透光片,磨沙透光片將光源封閉在上蓋內;所述LED脫影

壓縮模式圖樣重疊檢測方法與裝置與流程

本發明涉及通信領域,特別涉及一種壓縮模式圖樣重疊檢測方法與裝置。背景技術:在寬帶碼分多址(WCDMA,WidebandCodeDivisionMultipleAccess)系統頻分復用(FDD,FrequencyDivisionDuplex)模式下,為了進行異頻硬切換、FDD到時分復用(TDD,Ti

個性化檯曆的製作方法

專利名稱::個性化檯曆的製作方法技術領域::本實用新型涉及一種檯曆,尤其涉及一種既顯示月曆、又能插入照片的個性化檯曆,屬於生活文化藝術用品領域。背景技術::公知的立式檯曆每頁皆由月曆和畫面兩部分構成,這兩部分都是事先印刷好,固定而不能更換的。畫面或為風景,或為模特、明星。功能單一局限性較大。特別是畫

一種實現縮放的視頻解碼方法

專利名稱:一種實現縮放的視頻解碼方法技術領域:本發明涉及視頻信號處理領域,特別是一種實現縮放的視頻解碼方法。背景技術: Mpeg標準是由運動圖像專家組(Moving Picture Expert Group,MPEG)開發的用於視頻和音頻壓縮的一系列演進的標準。按照Mpeg標準,視頻圖像壓縮編碼後包

基於加熱模壓的纖維增強PBT複合材料成型工藝的製作方法

本發明涉及一種基於加熱模壓的纖維增強pbt複合材料成型工藝。背景技術:熱塑性複合材料與傳統熱固性複合材料相比其具有較好的韌性和抗衝擊性能,此外其還具有可回收利用等優點。熱塑性塑料在液態時流動能力差,使得其與纖維結合浸潤困難。環狀對苯二甲酸丁二醇酯(cbt)是一種環狀預聚物,該材料力學性能差不適合做纖

一種pe滾塑儲槽的製作方法

專利名稱:一種pe滾塑儲槽的製作方法技術領域:一種PE滾塑儲槽一、 技術領域 本實用新型涉及一種PE滾塑儲槽,主要用於化工、染料、醫藥、農藥、冶金、稀土、機械、電子、電力、環保、紡織、釀造、釀造、食品、給水、排水等行業儲存液體使用。二、 背景技術 目前,化工液體耐腐蝕貯運設備,普遍使用傳統的玻璃鋼容

釘的製作方法

專利名稱:釘的製作方法技術領域:本實用新型涉及一種釘,尤其涉及一種可提供方便拔除的鐵(鋼)釘。背景技術:考慮到廢木材回收後再加工利用作業的方便性與安全性,根據環保規定,廢木材的回收是必須將釘於廢木材上的鐵(鋼)釘拔除。如圖1、圖2所示,目前用以釘入木材的鐵(鋼)釘10主要是在一釘體11的一端形成一尖

直流氧噴裝置的製作方法

專利名稱:直流氧噴裝置的製作方法技術領域:本實用新型涉及ー種醫療器械,具體地說是ー種直流氧噴裝置。背景技術:臨床上的放療過程極易造成患者的局部皮膚損傷和炎症,被稱為「放射性皮炎」。目前對於放射性皮炎的主要治療措施是塗抹藥膏,而放射性皮炎患者多伴有局部疼痛,對於止痛,多是通過ロ服或靜脈注射進行止痛治療

新型熱網閥門操作手輪的製作方法

專利名稱:新型熱網閥門操作手輪的製作方法技術領域:新型熱網閥門操作手輪技術領域:本實用新型涉及一種新型熱網閥門操作手輪,屬於機械領域。背景技術::閥門作為流體控制裝置應用廣泛,手輪傳動的閥門使用比例佔90%以上。國家標準中提及手輪所起作用為傳動功能,不作為閥門的運輸、起吊裝置,不承受軸向力。現有閥門

用來自動讀取管狀容器所載識別碼的裝置的製作方法

專利名稱:用來自動讀取管狀容器所載識別碼的裝置的製作方法背景技術:1-本發明所屬領域本發明涉及一種用來自動讀取管狀容器所載識別碼的裝置,其中的管狀容器被放在循環於配送鏈上的文檔匣或託架裝置中。本發明特別適用於,然而並非僅僅專用於,對引入自動分析系統的血液樣本試管之類的自動識別。本發明還涉及專為實現讀