[發明專利]一種進行頁面快照的方法和裝置

有效

• 申請號: 201310115882.1
• 申請日: 2013-04-03
• 公開（公告）號: CN104102643B
• 公開（公告）日: 2017-09-22
• 發明（設計）人: 李季;王曉哲;支家樂;李秋;馬圣博;朱珠
• 申請（專利權）人: 阿里巴巴集團控股有限公司
• 主分類號: G06F17/30
• 分類號: G06F17/30
• 代理公司: 北京國昊天誠知識產權代理有限公司11315
• 代理人: 許志勇

技術領域

本申請涉及網頁頁面技術領域，尤其涉及一種基于頁面反延遲加載進行頁面快照的方法和裝置。

背景技術

隨著互聯網的發展，用戶對于網站的外觀要求越來越高，每個頁面中的資源越來越多，頁面也隨之越來越大，當用戶網絡狀況不好時，頁面加載速度變慢，從而會導致用戶體驗不佳，而且會造成網站服務器負載過大的問題。

為了解決這個問題，前端的開發人員在存有大量頁面資源的頁面中采用延遲加載技術，通過在頁面加載過程中使用了延遲加載的技術優化用戶體驗。

延遲加載（lazy load）也稱懶加載，是為了避免一些無謂的性能開銷而提出了的，所謂延遲加載就是當在真正需要數據的時候，才真正執行數據加載操作，當調用延遲加載方法加載對象時，返回的是代理對象，等到真正用到該對象的內容時才發出數據庫操作語句。例如：在瀏覽頁面時，只有當瀏覽到接近圖片附近的位置，圖片才開始加載，未瀏覽到的圖片用空白頁或其他元素代替。

但是在利用延遲加載技術優化用戶體驗的過程中，特別是在需要對頁面進行快照時，延遲加載技術對頁面快照產生干擾，會出現如圖1所示的采用延遲加載技術的頁面快照示意圖，可以看到延遲加載技術使得在對頁面進行快照時，未能獲得加載完全的頁面或頁面資源（比如圖片），因此，影響了頁面快照的效果。

之所以會出現延遲加載技術影響頁面快照效果的問題是在于：頁面快照是在搜索引擎在收錄頁面時，對頁面進行抓取并備份，存儲在服務器緩存里，但是在抓取過程中，由于包含大量資源的頁面采用延遲加載技術，頁面未完全加載完畢，就對頁面進行了快照并保存。當用戶在搜索引擎中點擊“頁面快照”鏈接時，搜索引擎將當時抓取并保存的頁面內容展現出來，呈現在用戶面前的是包含空白內容的頁面。從而影響了頁面快照這一應用的用戶體驗。也即是說，在一些頁面應用中，使用了延遲加載技術的頁面加載導致了這些頁面應用效果差用戶體驗差的結果，因此針對使用了延遲加載技術的頁面加載，需要提供一種方法來消除延遲加載的影響從而實現對頁面資源的完整快照。

發明內容

本申請的主要目的在于提供一種進行頁面快照的方法和裝置，以解決現有技術存在的對包含大量頁面資源的頁面采用延遲加載技術而導致的頁面快照應用受到干擾，導致頁面快照質量下降的問題。

為了解決上述技術問題，本申請的目的是通過以下技術方案實現的：

本申請提供了一種進行頁面快照的方法，包括以下步驟：加載頁面，并對所述頁面進行渲染；執行頁面快照反干擾步驟，其中，所述頁面快照反干擾步驟包括：通過遍歷所述頁面中的頁面資源屬性，來查找具有延遲加載屬性的頁面資源，及修改查找到的所述頁面資源的屬性，并觸發所述頁面資源的渲染；以及對完成所述頁面資源的渲染后的頁面進行頁面快照。

優選地，在根據本申請所述的方法中，還可以包括：檢測在頁面渲染過程中觸發的預定事件，所述預定事件包括：頁面初始化布局完成事件及頁面加載完成事件中的至少一個；以及當檢測到所述預定事件時，觸發所述頁面快照反干擾步驟的執行。

優選地，在根據本申請所述的方法中，所述通過遍歷所述頁面中的頁面資源屬性，來查找具有延遲加載屬性的頁面資源的步驟，包括：遍歷所述頁面中的頁面資源，并形成頁面資源列表；順序獲取所述頁面資源列表中的每一個頁面資源，并查詢所述頁面資源的屬性。

優選地，在根據本申請所述方法中，所述修改查找到的所述頁面資源的屬性，并觸發所述頁面資源的渲染的步驟，包括：找出包含延遲加載屬性的頁面資源，根據所述頁面資源的src屬性獲取所述頁面資源的真實地址，從所述真實地址獲取所述頁面資源以實現對原先被延遲加載的頁面資源的渲染。

優選地，在根據本申請所述的方法中，還可以包括：在頁面渲染過程中檢測到最后一個觸發的預定事件之后，則每隔一個預設時間段，觸發一次所述頁面快照反干擾步驟的執行，直至頁面渲染完成。

優選地，在根據本申請所述的方法中，所述頁面資源是圖片。

本申請還提供了一種進行頁面快照的裝置，包括：渲染模塊，用于加載頁面，并對所述頁面進行渲染；反干擾執行模塊，用于執行頁面快照反干擾操作，其中，所述頁面快照反干擾操作包括：通過遍歷所述頁面中的頁面資源屬性，來查找具有延遲加載屬性的頁面資源，及修改查找到的所述頁面資源的屬性，并觸發所述頁面資源的渲染；以及快照模塊，用于對完成所述頁面資源的渲染后的頁面進行頁面快照。