[發明專利]頁面數據的監聽方法、裝置及設備

有效

• 申請號: 201910345339.8
• 申請日: 2019-04-26
• 公開（公告）號: CN110262948B
• 公開（公告）日: 2023-01-31
• 發明（設計）人: 孫嘉偉;韓瑞;張濱瀏
• 申請（專利權）人: 創新先進技術有限公司
• 主分類號: G06F11/34
• 分類號: G06F11/34;H04L67/02
• 代理公司: 北京億騰知識產權代理事務所(普通合伙) 11309
• 代理人: 張明;周良玉

本說明書實施例提供一種頁面數據的監聽方法、裝置及設備，在頁面數據的監聽方法中，捕獲預定類操作，該預定類操作為更改前端應用的頁面代碼中所引入屬性的屬性值的操作。在捕獲到該預定類操作時，確定當前更改的目標屬性以及目標屬性的更改后屬性值。從與前端應用對應的數據集中讀取目標屬性的更改前屬性值，其中，所述數據集中記錄了多個屬性以及對應的屬性值；當更改后屬性值與更改前屬性值存在差異時，向頁面操作模塊發送目標屬性發生變化的通知消息。該通知消息用于指示頁面操作模塊在判斷目標屬性與前端應用的頁面元素或者頁面內容相關時，更新頁面元素或者頁面內容的展示樣式。

技術領域

本說明書一個或多個實施例涉及計算機技術領域，尤其涉及一種頁面數據的監聽方法、裝置及設備。

背景技術

為了實現前端應用的正常展示，通常需要對頁面數據的變化進行監聽。這些數據可以包括與頁面元素或者頁面內容相關的屬性，也可以包括其它屬性。這里的其它屬性例如可以為當前時間等。

傳統技術中，可以通過如下兩種方式來對上述屬性的變化進行監聽。第一種：VUE方案；VUE是指一種開發技術，其可以提供屬性的監聽(watch)功能。但是該監聽功能不能脫離VUE使用。第二種:原生defineProperty方案；當通過該方案對屬性進行監聽時，通過需要對屬性進行改寫，也即需要涉及到代碼的修改。此外，上述改寫過程通常會對屬性本身造成影響。

因此，需要提供一種適用性更廣、更簡便的頁面數據監聽方法。

發明內容

本說明書一個或多個實施例描述了一種頁面數據的監聽方法、裝置及設備，可以簡單有效地對頁面數據進行監聽。

第一方面，提供了一種頁面數據的監聽方法，包括：

捕獲預定類操作，所述預定類操作為更改前端應用的頁面代碼中所引入屬性的屬性值的操作；

在捕獲到所述預定類操作時，確定當前更改的目標屬性以及所述目標屬性的更改后屬性值；

從與所述前端應用對應的數據集中讀取所述目標屬性的更改前屬性值，其中，所述數據集中記錄了多個屬性以及對應的屬性值；

當所述更改后屬性值與所述更改前屬性值存在差異時，向頁面操作模塊發送目標屬性發生變化的通知消息；所述通知消息用于指示所述頁面操作模塊在判斷所述目標屬性與所述前端應用的頁面元素或者頁面內容相關時，更新所述頁面元素或者頁面內容的展示樣式。

第二方面，提供了一種頁面數據的監聽裝置，包括：

捕獲單元，用于捕獲預定類操作，所述預定類操作為更改前端應用的頁面代碼中所引入屬性的屬性值的操作；

確定單元，用于在所述捕獲單元捕獲到所述預定類操作時，確定當前更改的目標屬性以及所述目標屬性的更改后屬性值；

讀取單元，用于從與所述前端應用對應的數據集中讀取所述確定單元確定的所述目標屬性的更改前屬性值，其中，所述數據集中記錄了多個屬性以及對應的屬性值；

發送單元，用于當所述確定單元確定的所述更改后屬性值與所述讀取單元讀取的所述更改前屬性值存在差異時，向頁面操作模塊發送目標屬性發生變化的通知消息；所述通知消息用于指示所述頁面操作模塊在判斷所述目標屬性與所述前端應用的頁面元素或者頁面內容相關時，更新所述頁面元素或者頁面內容的展示樣式。

第三方面，提供了一種頁面數據的監聽設備，包括：

存儲器；

一個或多個處理器；以及

一個或多個程序，其中所述一個或多個程序存儲在所述存儲器中，并且被配置成由所述一個或多個處理器執行，所述程序被所述處理器執行時實現以下步驟：