[發明專利]頁面控制方法、裝置、設備及存儲介質

在審

• 申請號: 202210694081.4
• 申請日: 2022-07-18
• 公開（公告）號: CN114996615A
• 公開（公告）日: 2022-09-02
• 發明（設計）人: 張海;崔杰;李鵬
• 申請（專利權）人: 北京商越網絡科技有限公司
• 主分類號: G06F16/958
• 分類號: G06F16/958;G06F16/955
• 代理公司: 北京格式化知識產權代理事務所(普通合伙) 16096
• 代理人: 任欣欣

本發明實施例提供一種頁面控制方法、裝置、設備及存儲介質，涉及計算機技術領域。所述方法針對包括容器和抽屜的頁面結構，且包括：獲取示出所有相關頁面URL與其對應的頁面組件地址之間的映射關系的路由列表；響應于用戶對容器頁面中的跳轉組件的操作，獲取該跳轉組件對應的頁面URL，并從所述路由列表中匹配出與該頁面URL相對應的頁面組件地址；以及獲取所匹配的頁面組件地址指示的頁面組件，并通過該頁面組件在所述抽屜中進行相應的嵌入頁面的渲染。本發明通過頁面URL獲取對應的頁面組件以在抽屜中渲染嵌入頁面，避免了容器頁面和嵌入頁面中相同的資源被重復加載，提升了用戶體驗。

技術領域

本發明涉及計算機技術領域，具體地涉及一種頁面控制方法、裝置、設備及存儲介質。

背景技術

目前，針對電腦端、手機端等的各種網頁瀏覽器，會發現其列表頁所展示的數據非常有限，需要用戶頻繁點擊“查看詳情頁”或者修改“編輯頁面”內容以查看完整內容。

對此，現有技術中采用iframe來在列表頁中展示詳情頁或編輯頁。具體地，iframe是一種超文本標記語言(Hyper Text Markup Language，HTML)標簽，而通過iframe，能夠實現在原本的容器頁面中展示另一個網頁（以下稱為嵌入頁面）。

但是，出于iframe的安全性要求，基于iframe的嵌入頁面相對于容器頁面實際上是一個獨立的瀏覽器窗口，其預先已經針對窗口大小、頁面元素等制訂了規則，而后則是直接基于該規則進行頁面渲染，并不受控于容器頁面。基于iframe的這一特點，其應用于嵌入頁面展示時，至少存在以下問題：

1）容器頁面和嵌入頁面是各自基于自身預設的規則來加載資源，從而使得它們中相同的資源會被重復加載，由此延長了資源加載完成時間。

2）嵌入頁面展示在容器頁面中，但又不受容器頁面控制，使得容器頁面自身的前進、后退等需要計算嵌入頁面（例如需要先進行iframe嵌入頁面的后退，才能進行容器頁面的后退），從而導致容器頁面的“前進、后退”等功能不符合預期。

3）嵌入頁面里的內容根據規則不能超出iframe容器，進而彈窗提示等無法做到全屏展示，影響用戶體驗。

據此，針對嵌入頁面，有必要研究其新的展示方案。

發明內容

本發明實施例的目的是提供一種頁面控制方法、裝置、設備及存儲介質，用于至少部分地解決上述技術問題。

為了實現上述目的，本發明實施例提供一種頁面控制方法，針對包括容器和抽屜的頁面結構，且該頁面控制方法包括：獲取示出所有相關頁面統一資源定位符URL與其對應的頁面組件地址之間的映射關系的路由列表；響應于用戶對容器頁面中的跳轉組件的操作，獲取該跳轉組件對應的頁面URL，并從所述路由列表中匹配出與該頁面URL相對應的頁面組件地址；以及獲取所匹配的頁面組件地址指示的頁面組件，并通過該頁面組件在所述抽屜中進行相應的嵌入頁面的渲染。

優選地，所述路由列表被配置為：以代碼的方式預先存儲；或者預先存儲至數據庫中。

優選地，在獲取所述跳轉組件對應的頁面URL之前，所述頁面控制方法還包括：獲取所述跳轉組件中的指示參數，其中所述指示參數被預先配置于所述跳轉組件中，且用于指示跳轉后的嵌入頁面的展示方式，其中所述展示方式包括以新頁面展示或者在所述抽屜中展示；以及在所述指示參數指示在所述抽屜中展示的情況下，執行關于所述跳轉組件對應的頁面URL的獲取。

優選地，在所述通過所述頁面組件在所述抽屜中進行相應的嵌入頁面渲染之后，所述頁面控制方法還包括：在容器端，控制所述容器頁面向所述嵌入頁面注入標識，該標識用于示出所述容器頁面和所述嵌入頁面能夠進行通信。