[發明專利]網頁元素的顯示方法、裝置、電子設備、存儲介質及產品

在審

• 申請號: 202011563841.5
• 申請日: 2020-12-25
• 公開（公告）號: CN112559943A
• 公開（公告）日: 2021-03-26
• 發明（設計）人: 丁賢磊
• 申請（專利權）人: 北京百度網訊科技有限公司
• 主分類號: G06F16/958
• 分類號: G06F16/958;G06F16/957
• 代理公司: 北京品源專利代理有限公司 11332
• 代理人: 孟金喆

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

在目標網頁的渲染顯示過程中，識別所述目標網頁中的目標塊級元素，所述目標塊級元素中預設有截斷展示行數；

獲取與所述目標塊級元素匹配的目標行內元素；

檢測所述目標行內元素中行內文檔對象的數量是否超過所述截斷展示行數，所述行內文檔對象對應目標行內元素中的一行內容；

若是，則在所述目標塊級元素的末位截斷行的尾部，對預設的展開提示按鈕進行展示。

2.根據權利要求1所述的方法，其中，所述識別所述目標網頁中的目標塊級元素，包括：

在所述目標網頁中，識別通過層疊樣式表CSS代碼進行截斷樣式設置的目標塊級元素；

其中，在所述CSS代碼中設置有所述截斷展示行數。

3.根據權利要求1所述的方法，其中，在識別所述目標網頁中的目標塊級元素之后，還包括：

對所述目標塊級元素進行復制，得到復制元素；

將所述復制元素的元素屬性設置為行內元素，以形成所述目標行內元素；

在所述目標網頁中的不可見區域處，選取未被占用的目標區域，并將所述目標行內元素設置于所述目標區域內。

4.根據權利要求3所述的方法，其中，所述對所述目標塊級元素進行復制，得到復制元素，包括：

對所述目標塊級元素的文本內容和文本顯示樣式進行整體復制，得到所述復制元素。

5.根據權利要求3所述的方法，其中，所述將所述復制元素的元素屬性設置為行內元素，以形成所述目標行內元素，包括：

將所述復制元素的超文本標記語言html標簽設置為行內標簽。

6.根據權利要求1所述的方法，其中，所述在所述目標塊級元素的末位截斷行的尾部，對預設的展開提示按鈕進行展示，包括：

在所述目標網頁中，定位所述目標塊級元素在截斷展示時的展示區域范圍；

根據所述展示區域范圍，以及所述目標塊級元素的顯示樣式，絕對定位所述展開提示按鈕的按鈕展示區域；

將所述展開提示按鈕，覆蓋在所述目標網頁中的所述按鈕展示區域內進行展示。

7.根據權利要求6所述的方法，其中，在絕對定位所述展開提示按鈕的按鈕展示區域之后，還包括：

識別所述展開提示按鈕的左邊界，并以所述左邊界為起點，朝向遠離所述展開提示按鈕的右邊界的方向，確定過渡展示區域；

將預設的透明度漸變圖層，覆蓋在所述目標網頁中的所述過渡展示區域內進行展示。

8.根據權利要求1所述的方法，其中，在對預設的展開提示按鈕進行展示之后，還包括：

響應于對展開提示按鈕的選擇，取消對所述目標塊級元素的截斷樣式的設置，以在所述目標網頁中對所述目標塊級元素的完整內容進行展示。

9.一種網頁元素的顯示裝置，包括：

目標塊級元素識別模塊，用于在目標網頁的渲染顯示過程中，識別所述目標網頁中的目標塊級元素，所述目標塊級元素中預設有截斷展示行數；

目標行內元素獲取模塊，用于獲取與所述目標塊級元素匹配的目標行內元素；

展開提示按鈕展示模塊，用于檢測所述目標行內元素中行內文檔對象的數量是否超過所述截斷展示行數，所述行內文檔對象對應目標行內元素中的一行內容；

若是，則在所述目標塊級元素的末位截斷行的尾部，對預設的展開提示按鈕進行展示。

10.根據權利要求9所述的裝置，其中，所述目標塊級元素識別模塊，具體用于：

在所述目標網頁中，識別通過層疊樣式表CSS代碼進行截斷樣式設置的目標塊級元素；

其中，在所述CSS代碼中設置有所述截斷展示行數。