[發明專利]頁面顯示方法、設備及電子設備

在審

• 申請號: 201911118680.6
• 申請日: 2019-11-15
• 公開（公告）號: CN111008054A
• 公開（公告）日: 2020-04-14
• 發明（設計）人: 賈明磊;王安紅;趙成龍
• 申請（專利權）人: 支付寶（杭州）信息技術有限公司
• 主分類號: G06F9/451
• 分類號: G06F9/451;G06F16/957
• 代理公司: 北京博雅睿泉專利代理事務所(特殊普通合伙) 11442
• 代理人: 郭少晶

本說明書實施例提供頁面顯示方法、設備及電子設備，其中一個頁面顯示方法包括：將子系統的子頁面嵌入到父系統的父頁面中；監聽父頁面的移動；以及基于父頁面的移動，更新子頁面中的彈出元素的顯示位置。

技術領域

本說明書涉及制圖技術領域，更具體地，涉及一種頁面顯示方法、頁面顯示設備及電子設備。

背景技術

在應用系統開發過程中，前端系統經常會采用頁面嵌入技術。通常，進行嵌入的系統A和B的功能具有關聯性，且系統A希望直接復用系統B的部分能力。B系統被嵌入到A系統中，A系統稱為父系統，B系統稱為子系統，A系統的頁面為父頁面A1，B系統的頁面為子頁面B1。可以通過HTML的iframe標簽實現頁面嵌入。

當子頁面內容較長并且當前父頁面滾動到下方區域時，如果此時的頁面交互使得產生彈出元素，則彈出元素的顯示可能不位于父頁面的上下居中位置。隨著父頁面的滾動，彈出元素可能會顯示不全，甚至消失在可見區域中。彈出元素的顯示不能與父頁面的顯示聯動，對用戶造成非常不好的使用體驗。當用戶需要將彈出框中的數據與父頁面其他區域的數據做對比時，這給用戶帶來更多困擾。彈出元素例如是彈出框。彈出框可以是Toast彈框、Snackbars彈框等。

因此，需要提供改進的頁面顯示方案，以提升用戶的使用體驗。

發明內容

本說明書的實施例提供頁面顯示處理的新技術方案。

根據本說明書的第一方面，提供了頁面顯示方法，包括：將子系統的子頁面嵌入到父系統的父頁面中；監聽父頁面的移動；以及基于父頁面的移動，更新子頁面中的彈出元素的顯示位置。

根據本說明書的第二方面，提供了頁面顯示設備，包括：嵌入模塊，將子系統的子頁面嵌入到父系統的父頁面中；監聽模塊，監聽父頁面的移動；以及子系統的位置更新模塊，基于父頁面的移動更新子頁面中的彈出元素的顯示位置。

根據本說明書的第三方面，提供了電子設備，包括處理器和存儲器，其中，所述存儲器存儲可執行指令，以及所述可執行指令當被處理器執行時實現各個實施例的頁面顯示方法。

在不同實施例中，所公開的頁面顯示方案可以提升用戶的使用體驗。

通過以下參照附圖對本說明書的示例性實施例的詳細描述，本說明書的實施例的其它特征及其優點將會變得清楚。

附圖說明

被結合在說明書中并構成說明書的一部分的附圖示出了的實施例，并且連同其說明一起用于解釋各個實施例的原理。

圖1示出了示例性的網絡系統。

圖2示出了示例性的電子設備的框圖。

圖3示出了根據一個實施例的頁面顯示方法的示意性流程圖。

圖4示出了根據另一個實施例的頁面顯示設備的示意性框圖。

圖5示出了一個頁面顯示處理的例子。

圖6a、6b示出了一個頁面顯示的例子。

具體實施方式

下面，參照附圖描述本說明書的不同實施例和例子。

現在將參照附圖來詳細描述本發明的各種示例性實施例。

以下對至少一個示例性實施例的描述實際上僅僅是說明性的，決不作為對本發明及其應用或使用的任何限制。

應注意到：相似的標號和字母在下面的附圖中表示類似項，因此，一旦某一項在一個附圖中被定義，則在隨后的附圖中不需要對其進行進一步討論。

下面，參照附圖描述本說明書的不同實施例和例子。

圖1示出了示例性的網絡系統。