[發明專利]一種頁面顯示控制方法及終端

有效

• 申請號: 201810284976.4
• 申請日: 2018-04-02
• 公開（公告）號: CN110362766B
• 公開（公告）日: 2023-05-12
• 發明（設計）人: 羅東陽;陳澍;臧國臣;黃國志;彭慧琳;卓松;楊子翔
• 申請（專利權）人: 騰訊科技(深圳)有限公司
• 主分類號: G06F16/957
• 分類號: G06F16/957
• 代理公司: 北京同達信恒知識產權代理有限公司 11291
• 代理人: 郭潤湘

1.一種頁面顯示控制方法，其特征在于，包括：

接收用戶輸入的從第一頁面跳轉至第二頁面的頁面跳轉指令，觸發pushState操作將所述第二頁面的統一資源定位符URL壓入瀏覽器歷史堆棧，瀏覽器歷史堆棧的指針指向所述第二頁面的URL；

根據所述瀏覽器歷史堆棧的指針位置，將當前路由從所述第一頁面對應的主路由切換至所述第二頁面對應的子路由，其中，所述第二頁面對應的子路由嵌套在所述第一頁面對應的主路由中；

根據所述頁面跳轉指令控制從所述第一頁面跳轉至所述第二頁面，并顯示所述第二頁面；

監測到從第二頁面回退至第一頁面的頁面回退操作時，觸發popState操作將瀏覽器歷史堆棧的指針下移指向第一頁面的URL，根據瀏覽器歷史堆棧的指針位置，從所述第一頁面對應的主路由中釋放所述第二頁面對應的子路由，并將當前路由從所述第二頁面對應的子路由切換至所述第一頁面對應的主路由，以及保存所述第二頁面的頁面顯示數據和瀏覽位置標識信息；

從所述第一頁面對應的主路由中確定出所述第一頁面的URL，并觸發隱藏以浮層的形式顯示在所述第一頁面之上的第二頁面，以顯示出所述第一頁面跳轉到所述第二頁面之前的頁面狀態；

監測到從第一頁面前進至第二頁面的頁面前進事件時，根據所述第二頁面的頁面顯示數據渲染第二頁面，以及根據所述瀏覽位置標識信息將渲染后的第二頁面定位至回退到第一頁面之前的顯示狀態。

2.如權利要求1所述的方法，其特征在于，所述根據所述頁面跳轉指令控制從所述第一頁面跳轉至所述第二頁面，并顯示所述第二頁面，包括：

監測到所述第一頁面跳轉至所述第二頁面的頁面跳轉指令時，根據所述第二頁面的URL獲取所述第二頁面的頁面顯示數據，并將所述第二頁面以浮層的形式顯示在所述第一頁面之上，保持所述第一頁面跳轉到所述第二頁面之前的頁面狀態。

3.如權利要求1至2任一所述的方法，其特征在于，所述第一頁面和所述第二頁面為單頁面應用中的頁面。

4.一種終端，其特征在于，包括：

接收單元，用于接收用戶輸入的從第一頁面跳轉至第二頁面的頁面跳轉指令；

頁面跳轉單元，用于觸發pushState操作將所述第二頁面的統一資源定位符URL壓入瀏覽器歷史堆棧，瀏覽器歷史堆棧的指針指向所述第二頁面的URL；根據所述瀏覽器歷史堆棧的指針位置，將當前路由從所述第一頁面對應的主路由切換至所述第二頁面對應的子路由，其中，所述第二頁面對應的子路由嵌套在所述第一頁面對應的主路由中；根據所述頁面跳轉指令控制從所述第一頁面跳轉至所述第二頁面，并顯示所述第二頁面；

頁面回退單元，用于監測到從第二頁面回退至第一頁面的頁面回退操作時，觸發popState操作將瀏覽器歷史堆棧的指針下移指向第一頁面的URL，根據瀏覽器歷史堆棧的指針位置，從所述第一頁面對應的主路由中釋放所述第二頁面對應的子路由，并將當前路由從所述第二頁面對應的子路由切換至所述第一頁面對應的主路由，以及保存所述第二頁面的頁面顯示數據和瀏覽位置標識信息；從所述第一頁面對應的主路由中確定出所述第一頁面的URL，并觸發隱藏以浮層的形式顯示在所述第一頁面之上的第二頁面，以顯示出所述第一頁面跳轉到所述第二頁面之前的頁面狀態；

所述頁面跳轉單元，還用于監測到從第一次頁面前進至第二頁面的頁面前進事件時，根據所述第二頁面的頁面顯示數據渲染第二頁面，以及根據所述瀏覽位置標識信息將渲染后的第二頁面定位至回退到第一頁面之前的顯示狀態。

5.如權利要求4所述的終端，其特征在于，所述頁面跳轉單元包括第一監測單元、第二處理單元；

所述第一監測單元用于監測所述第一頁面跳轉至所述第二頁面的頁面跳轉指令；

所述第二處理單元用于根據所述第二頁面的URL獲取所述第二頁面的頁面顯示數據，并將所述第二頁面以浮層的形式顯示在所述第一頁面之上，保持所述第一頁面跳轉到所述第二頁面之前的頁面狀態。

6.如權利要求4至5任一所述的終端，其特征在于，所述第一頁面、所述第二頁面為單頁面應用中的頁面。