[發(fā)明專利]頁面切換方法和裝置

有效

• 申請?zhí)枺?/td>: 201611261949.2
• 申請日: 2016-12-30
• 公開（公告）號: CN108268294B
• 公開（公告）日: 2021-03-12
• 發(fā)明（設(shè)計）人: 王傳東
• 申請（專利權(quán)）人: 騰訊科技（深圳）有限公司
• 主分類號: G06F9/451
• 分類號: G06F9/451
• 代理公司: 北京派特恩知識產(chǎn)權(quán)代理有限公司 11270
• 代理人: 蔣雅潔;張穎玲

本發(fā)明公開了一種頁面切換方法和裝置，所述方法包括以下步驟：檢測預(yù)設(shè)事件的發(fā)生，預(yù)設(shè)事件包括歷史棧變更事件和/或歷史項頁面內(nèi)容變更事件；當(dāng)預(yù)設(shè)事件發(fā)生時，自動截取相鄰歷史項的頁面并保存截圖；接收頁面切換請求；根據(jù)頁面切換請求，獲取保存的截圖以啟動動畫進行頁面切換。從而，通過在接收到頁面切換請求之前，如檢測到預(yù)設(shè)事件發(fā)生時，提前進行截圖操作，在用戶發(fā)起頁面切換請求時，可以直接獲取截圖啟動動畫，無需進行截圖等待，節(jié)省了等待截圖的時間。從而，既消除了交互界面的卡頓遲滯現(xiàn)象，給予用戶發(fā)起頁面切換請求的同時就開始執(zhí)行切換動畫的體驗；又沒有截圖超時失敗的風(fēng)險，降低了啟動動畫失敗的幾率，大大提升了用戶體驗。

技術(shù)領(lǐng)域

本發(fā)明涉及網(wǎng)頁瀏覽技術(shù)領(lǐng)域，尤其是涉及一種頁面切換方法和裝置。

背景技術(shù)

瀏覽器是人們經(jīng)常使用的瀏覽網(wǎng)頁的軟件工具，用戶可以通過在瀏覽器地址欄輸入統(tǒng)一資源定位符URL，或點擊網(wǎng)頁內(nèi)的超鏈接等方式，訪問網(wǎng)頁，獲取網(wǎng)頁內(nèi)包含的信息內(nèi)容。在瀏覽器的使用過程中，用戶打開的每一個頁面對應(yīng)生成了一條條記錄，這些記錄稱之為歷史記錄或歷史項。用戶在瀏覽網(wǎng)頁的過程中，可能會在多個歷史項之間來回切換，如前進至后一個歷史項或后退回前一個歷史項，這個過程稱之為頁面切換。為了避免切換過程生硬，瀏覽器在發(fā)起頁面切換時，需要獲取相鄰歷史項的頁面的截圖來啟動動畫，呈現(xiàn)出平滑過渡的前進或后退效果。

現(xiàn)有的頁面切換方案，大致流程如下：用戶發(fā)起頁面切換請求；瀏覽器請求內(nèi)核線程截取相鄰歷史項的頁面，并等待內(nèi)核線程截圖完成；內(nèi)核線程完成相鄰歷史項的截圖后通知瀏覽器；瀏覽器根據(jù)截圖啟動動畫進行頁面切換。

然而，現(xiàn)有的技術(shù)方案存在以下缺點：

1)交互界面卡頓。從用戶發(fā)起頁面切換請求到啟動動畫之前，需要等待內(nèi)核線程截圖，而截圖是個比較耗時的操作，動輒幾百毫秒，會讓用戶感覺到明顯的時間間隔；而且為保證邏輯的正確性，瀏覽器會同步等待這一過程，導(dǎo)致用戶可以觀察到交互界面卡頓，嚴(yán)重影響用戶體驗。

2)啟動動畫失敗的幾率較高。等待時為了防止內(nèi)核線程無響應(yīng)，通常會設(shè)置超時時間，該時間是經(jīng)驗值，當(dāng)對某些復(fù)雜的頁面截圖時，有概率觸發(fā)超時機制，導(dǎo)致截圖失敗，進而無法啟動動畫，使得切換過程生硬。

綜上所述，現(xiàn)有的頁面切換方法，切換過程中交互界面有卡頓遲滯現(xiàn)象，且啟動動畫失敗的幾率較高而導(dǎo)致切換過程生硬，從而嚴(yán)重影響用戶體驗。

發(fā)明內(nèi)容

本發(fā)明實施例的主要目的在于提供一種頁面切換方法和裝置，旨在消除切換過程中交互界面的卡頓遲滯現(xiàn)象，降低啟動動畫失敗的幾率。

為達以上目的，一方面提出一種頁面切換方法，所述方法包括以下步驟：

檢測預(yù)設(shè)事件的發(fā)生，所述預(yù)設(shè)事件包括歷史棧變更事件和/或歷史項頁面內(nèi)容變更事件；

當(dāng)所述預(yù)設(shè)事件發(fā)生時，自動截取相鄰歷史項的頁面并保存截圖；

接收頁面切換請求；

根據(jù)所述頁面切換請求，獲取保存的截圖以啟動動畫進行頁面切換。

可選地，所述檢測預(yù)設(shè)事件的發(fā)生包括：當(dāng)檢測到發(fā)生了頁面切換和/或打開了新的頁面時，確定所述歷史棧變更事件發(fā)生。

可選地，，所述檢測預(yù)設(shè)事件的發(fā)生包括：當(dāng)檢測到發(fā)生了白天/夜間模式切換和/或旋轉(zhuǎn)了屏幕時，確定所述歷史項頁面內(nèi)容變更事件發(fā)生

可選地，當(dāng)所述預(yù)設(shè)事件包括歷史棧變更事件時，所述自動截取相鄰歷史項的頁面并保存截圖的步驟之前還包括：當(dāng)檢測到所述歷史棧變更事件發(fā)生時，清除上一次保存的截圖。

可選地，當(dāng)所述預(yù)設(shè)事件包括歷史項頁面內(nèi)容變更事件時，所述自動截取相鄰歷史項的頁面并保存截圖包括：自動截取頁面內(nèi)容變更后的相鄰歷史項的頁面，并保存新的截圖以替換舊的截圖。