[發明專利]網頁的顯示方法和瀏覽器

有效

• 申請號: 201310535769.9
• 申請日: 2013-11-01
• 公開（公告）號: CN103631867A
• 公開（公告）日: 2014-03-12
• 發明（設計）人: 陳虞付;任寰
• 申請（專利權）人: 北京奇虎科技有限公司;奇智軟件（北京）有限公司
• 主分類號: G06F17/30
• 分類號: G06F17/30
• 代理公司: 北京智匯東方知識產權代理事務所(普通合伙) 11391
• 代理人: 康正德;郭海彬

1.一種網頁的顯示方法，包括：

獲取所述網頁的主題內容區域；

計算所述網頁中元素相對于所述主題內容區域的位置關系；

根據所述位置關系設置所述元素的顯示背景；

按照設置后的顯示背景在瀏覽器中顯示所述網頁。

2.根據權利要求1所述的顯示方法，其中，獲取所述網頁的主題內容區域包括：

計算所述網頁中各元素的邊界信息；

根據所述邊界信息確定所述主題內容區域。

3.根據權利要求2所述的顯示方法，其中，根據所述邊界信息確定所述主題內容區域包括：

根據所述邊界信息確定所述網頁中各元素的左邊界和右邊界；

計算所述右邊界的集中區域與所述左邊界的集中區域之間的區域的寬度；

判斷所述區域的寬度是否在預設的數值范圍內；

若是，將所述右邊界的集中區域與所述左邊界的集中區域之間的區域作為所述主題內容區域。

4.根據權利要求2所述的顯示方法，其中，根據所述位置信息確定所述主題內容區域包括：

通過預設的元素選擇規則在所述網頁的元素中挑選出主題元素；

將所述主題元素的顯示區域作為所述主題內容區域。

5.根據權利要求4所述的顯示方法，其中，在通過預設的元素選擇規則挑選出主題元素之前還包括：

判斷所述網頁是否在預設的白名單內；

若是，獲取所述白名單中預置的與所述網頁對應的所述元素選擇規則。

6.根據權利要求1至5中任一項所述的顯示方法，其中，計算所述網頁中元素相對于所述主題內容區域的位置關系包括：

分別將所述元素的左右邊界與所述主題內容區域的左右邊界比較；

在所述元素的右邊界位于所述主題內容區域的左邊界左側或者所述元素的左邊界位于所述主題內容區域的右邊界右側的情況下，確定所述元素位于所述主題內容區域之外；

在所述元素的左邊界位于所述主題內容區域的左邊界右側并且在所述元素的右邊界位于所述主題內容區域的右邊界左側的情況下，確定所述元素位于所述主題內容區域內部；

在所述元素的左邊界位于所述主題內容區域的左邊界左側并且在所述元素的右邊界位于所述主題內容區域的右邊界左側的情況下，或者在所述元素的左邊界位于所述主題內容區域的左邊界右側并且在所述元素的右邊界位于所述主題內容區域的右邊界右側的情況下，確定所述元素部分位于所述主題內容區域內部。

7.根據權利要求6所述的顯示方法，其中，根據所述位置關系設置所述元素的顯示背景包括：

分別創建瀏覽器背景顯示層、主題內容背景顯示層、元素背景顯示層，其中，所述元素背景顯示層位于所述主題內容背景顯示層的上方，所述主題內容背景顯示層位于所述瀏覽器背景顯示層的上方；

對于位于所述主題內容區域之外的元素，將該元素的背景設置為所述瀏覽器背景顯示層的內容；

對于位于所述主題內容區域之內的元素，將該元素的背景設置為所述主題內容背景顯示層的內容；

對于部分位于所述主題內容區域內部的元素，將該元素的背景設置為所述元素背景顯示層的內容。

8.根據權利要求7所述的顯示方法，其中，根據所述位置關系設置所述元素的顯示背景的步驟通過瀏覽器擴展向所述網頁注入css或js文件完成。

9.一種瀏覽器，包括：

主題區域獲取模塊，用于獲取網頁的主題內容區域；

位置關系計算模塊，用于計算所述網頁中元素相對于所述主題內容區域的位置關系；

背景注入模塊，用于根據所述位置關系設置所述元素的顯示背景；

顯示模塊，用于按照設置后的顯示背景顯示所述網頁。

10.根據權利要求9所述的瀏覽器，其中，所述位置關系計算模塊配置為：

分別將所述元素的左右邊界與所述主題內容區域的左右邊界比較；

在所述元素的右邊界位于所述主題內容區域的左邊界左側或者所述元素的左邊界位于所述主題內容區域的右邊界右側的情況下，確定所述元素位于所述主題內容區域之外；

在所述元素的左邊界位于所述主題內容區域的左邊界右側并且在所述元素的右邊界位于所述主題內容區域的右邊界左側的情況下，確定所述元素位于所述主題內容區域內部；

在所述元素的左邊界位于所述主題內容區域的左邊界左側并且在所述元素的右邊界位于所述主題內容區域的右邊界左側的情況下，或者在所述元素的左邊界位于所述主題內容區域的左邊界右側并且在所述元素的右邊界位于所述主題內容區域的右邊界右側的情況下，確定所述元素部分位于所述主題內容區域內部。