[发明专利]页面回溯、信息备份与问题解决方法、系统及设备

权利要求书

1.一种页面回溯方法，其特征在于，包括：

监听到页面变化时，获取变化前的第一页面以及变化后的第二页面；

比对所述第一页面和所述第二页面，得到差异信息；

将所述差异信息同步至目标设备端，以使所述目标设备端根据所述差异信息回溯从所述第一页面变化至所述第二页面的过程。

2.根据权利要求1所述的方法，其特征在于，比对所述第一页面和所述第二页面，得到差异信息，包括：

将所述第一页面转换为第一文档对象模型DOM树结构；

将所述第二页面转换为第二文档对象模型DOM树结构；

对所述第一DOM树结构和所述第二DOM树结构做diff算法比对，得到从所述第一页面变化至所述第二页面所需的最小操作路径集合；

将所述最小操作路径集合作为所述差异信息。

3.根据权利要求1所述的方法，其特征在于，将所述差异信息同步至目标设备端，包括：

对所述差异信息进行序列化处理，得到字符串；

将所述字符串同步至所述目标设备端。

4.根据权利要求3所述的方法，其特征在于，所述差异信息为Javascript对象；以及

对所述差异信息进行序列化处理，得到字符串，包括：

将所述Javascript对象转换成JSON字符串。

5.根据权利要求1至4中任一项所述的方法，其特征在于，还包括：

使用变动观察器Mutation Observer构造函数，以新建一个实例；

为所述实例指定需要观察的对象；

调用并执行所述实例，以监听页面中所述对象是否发生变化。

6.根据权利要求5所述的方法，其特征在于，所述对象包括以下至少一种：子元素、属性、节点内容或文本、子节点。

7.根据权利要求5所述的方法，其特征在于，在所述新建一个实例之后，还包括：

为所述实例指定回调函数；以及

监听到页面变化时，获取变化前的第一页面以及变化后的第二页面，包括：监听到页面变化时，执行所述回调函数以获得所述第一页面及所述第二页面。

8.一种页面回溯方法，其特征在于，包括：

接收客户端发送的含有第一页面和第二页面差异信息的同步消息；

根据所述同步消息，回溯从所述第一页面变化至所述第二页面的过程；

其中，所述差异信息是在监听到页面变化时，通过比对变化前的所述第一页面与变化后的所述第二页面得到。

9.根据权利要求8所述的方法，其特征在于，所述同步消息为字符串；以及

根据所述同步消息，回溯从所述第一页面变化至所述第二页面的过程，包括：

对所述字符串进行反序列化处理，以得到所述差异信息；

根据所述差异信息，回溯从所述第一页面变化至所述第二页面的过程。

10.根据权利要求9所述的方法，其特征在于，所述差异信息为从所述第一页面对应的第一DOM树结构变化至所述第二页面对应的第二DOM树结构所需的最小操作路径集合；以及

根据所述差异信息，回溯从所述第一页面变化至所述第二页面的过程，包括：

根据最小操作路径集合，对所述第一DOM树结构进行最小化重绘得到所述第二DOM树结构；

根据所述第二DOM树结构，得到所述第二页面。

11.一种页面回溯系统，其特征在于，包括：

客户端，用于监听到页面变化时，获取变化前的第一页面以及变化后的第二页面；比对所述第一页面和所述第二页面得到差异信息；将所述差异信息同步至目标设备端；

所述目标设备端，用于接收所述客户端发送的含有第一页面和第二页面差异信息的同步消息；根据所述同步消息，回溯从所述第一页面变化至所述第二页面的过程。