[发明专利]浏览器标签页状态同步方法、装置、设备及存储介质

说明书

本发明公开了一种浏览器标签页状态同步方法、装置、设备及存储介质，所述方法通过在检测到当前浏览器中存在标签页的状态变更时，将变更后的状态信息存入本地存储空间localstorage；通过localstorage将所述状态信息同步至同域的其他标签页；各标签页同步执行所述状态信息对应的事件逻辑。能够将状态同步都收敛到相应主题事件的处理上，增加了代码的可扩展性；无需修改已有模块的任何代码，就可以在新模块中监听状态变更并添加自己的逻辑片段；同时屏蔽了其他复杂过程的干扰，进而为WEB前端子系统的增加或删除提供了技术能力，提高整个系统的伸缩性。

技术领域

本发明涉及计算机前端开发技术领域，尤其涉及一种浏览器标签页状态同步方法、装置、设备及存储介质。

背景技术

全球广域网(World Wide Web，WEB)系统的前端通过打开多个浏览器标签页来承载不同的子系统的展示，此时，多个标签页之间的状态通过监听后端消息来管理当前比较常见，这样前后端耦合较紧，但是一些前端状态后端不关心或者根本没有，因此，由前端自己进行多浏览器标签页状态的同步管理是非常有必要的。

现有浏览器打开多个标签页时，需要后端服务器做中转，而后端服务器由于缺少或缺失前端状态信息，存在无法实现同步管理前端标签页的问题。

发明内容

本发明的主要目的在于提供一种浏览器标签页状态同步方法、装置、设备及存储介质，旨在解决现有技术中浏览器打开多个标签页时，需要后端服务器做中转，而后端服务器由于缺少或缺失前端状态信息，导致无法实现同步管理前端标签页的技术问题。

第一方面，本发明提供一种浏览器标签页状态同步方法，所述浏览器标签页状态同步方法包括以下步骤：

在检测到当前浏览器中存在标签页的状态变更时，将变更后的状态信息存入本地存储空间localstorage；

通过localstorage将所述状态信息同步至同域的其他标签页；

各标签页同步执行所述状态信息对应的事件逻辑。

可选地，所述在检测到当前浏览器中有标签页的状态变更时，将变更后的状态信息存入本地存储空间localstorage之前，所述浏览器标签页状态同步方法还包括：

对当前浏览器中各标签页进行监测；

在监测到标签页中新增了用户动作和/或代码动作时，对所述用户动作和/或代码动作进行分析，根据分析结果判断所述当前浏览器中是否存在标签页的状态变更。

可选地，所述在监测到标签页中新增了用户动作和/或代码动作时，对所述用户动作和/或代码动作进行分析，根据分析结果判断所述当前浏览器中是否存在标签页的状态变更，包括：

在监测到标签页中新增了用户动作和/或代码动作时，对所述用户动作和/或代码动作进行分析，并生成分析结果；

在所述分析结果为所述用户动作和/或代码动作触发了标签页的状态变化时，判定所述当前浏览器中存在标签页的状态变更；

在所述分析结果为所述用户动作和/或代码动作未触发标签页的状态变化时，判定所述当前浏览器中不存在标签页的状态变更。

可选地，所述在检测到当前浏览器中存在标签页的状态变更时，将变更后的状态信息存入本地存储空间localstorage，包括：

在检测到当前浏览器中存在标签页的状态变更时，获取变更后的状态信息；

根据所述状态信息确定在本地存储空间localstorage需要存储的存储对象、标签页间的消息主题和标签页内的事件主题；

将所述存储对象、所述消息主题和所述事件主题存入localstorage。