[發明專利]網頁展示方法、裝置、設備及可讀存儲介質

有效

• 申請號: 201910093052.0
• 申請日: 2019-01-30
• 公開（公告）號: CN111506847B
• 公開（公告）日: 2023-06-09
• 發明（設計）人: 易旭昕
• 申請（專利權）人: 阿里巴巴集團控股有限公司
• 主分類號: G06F16/958
• 分類號: G06F16/958;G06F16/957
• 代理公司: 北京博雅睿泉專利代理事務所(特殊普通合伙) 11442
• 代理人: 郭少晶

本發明公開了一種網頁展示方法、裝置、設備及可讀存儲介質。該方法包括：設置嵌入有目標組件的目標網頁所對應的目標網頁視圖，使得目標網頁視圖被繪制到展示目標網頁的目標窗口時，僅顯示目標網頁中被設置在目標組件上方顯示的目標網頁元素；設置目標窗口的組件繪制次序，使得目標組件優先于目標網頁視圖被繪制到目標窗口上；根據目標窗口的組件繪制次序，將目標組件以及目標網頁視圖繪制到目標窗口上，以通過目標窗口展示目標網頁。

技術領域

本發明涉及互聯網技術領域，更具體地，涉及一種網頁展示方法、裝置、設備及可讀存儲介質。

背景技術

基于WebView(網頁視圖)實現加載、繪制、渲染并展示的網頁，能展示豐富多樣的網頁內容以及絢爛多變的視覺效果。

但是，隨著用戶對網頁展示的需求日趨多樣化，用戶期望網頁實現的一些功能（例如添加一個地圖），如果借助WebView實現，需要重新進行開發，需要耗費較長的時間，存在較高的開發成本，并且實現的性能，依然不能與基于操作系統提供的Native（原生）組件實現的性能媲美。可是，將Native組件嵌入網頁使用時，卻會覆蓋網頁中原有的網頁元素，影響網頁的展示效果。

發明內容

本發明的一個目的是提供一種用于展示網頁的新技術方案。

根據本發明的第一方面，提供了一種網頁展示方法，其中，包括：

設置嵌入有目標組件的目標網頁所對應的目標網頁視圖，使得所述目標網頁視圖被繪制到展示所述目標網頁的目標窗口時，僅顯示所述目標網頁中被設置在所述目標組件上方顯示的目標網頁元素；

設置所述目標窗口的組件繪制次序，使得所述目標組件優先于所述目標網頁視圖被繪制到所述目標窗口上；

根據所述目標窗口的組件繪制次序，將所述目標組件以及所述目標網頁視圖繪制到所述目標窗口上，以通過所述目標窗口展示所述目標網頁。

可選地，所述設置嵌入有目標組件的目標網頁所對應的目標網頁視圖的步驟包括：

提供一個離屏圖形緩沖區作為目標替代區域；

通過所述目標網頁視圖將所述目標網頁繪制到所述目標替代區域上，使得所述目標替代區域中僅顯示所述目標網頁元素；

設置所述目標替代區域代替所述目標網頁視圖，被繪制到所述目標窗口上。

可選地，所述目標網頁中包括與所述目標組件對應的替代網頁元素，所述替代網頁元素被設置為不具有顯示內容，但具有對應的顯示位置以及顯示尺寸；

所述通過所述目標網頁視圖將所述目標網頁繪制到所述目標替代區域上的步驟包括：

根據所述目標網頁的網頁結構，將所述目標網頁包括的網頁元素依次繪制到所述目標替代區域上；

其中，所述目標網頁的網頁結構是構成所述目標網頁的網頁元素之間的層次結構；

當繪制到所述替代網頁元素時，設置所述目標替代區域中在所述替代網頁元素對應的顯示位置上、符合所述顯示尺寸的替代元素區域為透明狀態；

繼續執行所述依次繪制網頁元素的步驟，直至所述目標網頁中剩余的其他網頁元素，都被繪制在所述替代元素區域被設置為透明狀態的所述目標替代區域中，以實現所述目標替代區域中僅顯示所述目標網頁元素。

可選地，所述根據所述目標網頁的網頁結構，將所述目標網頁包括的網頁元素依次繪制到所述目標替代區域上的步驟包括：

根據所述目標網頁的網頁結構，獲取對應的所述目標網頁的圖層結構；

其中，所述目標網頁的圖層結構是用于繪制所述目標網頁的多個圖層之間的層次結構，每個所述圖層包括一個或多個所述目標網頁的網頁元素；