[发明专利]一种界面调试方法、装置及存储介质

权利要求书

1.一种界面调试方法，其特征在于，应用于第一设备，包括：

获取目标页面的第一节点树信息，并将所述第一节点树信息发送至第二设备以使其对所述第一节点树信息进行编辑得到所述目标页面的第二节点树信息；

根据所述第二设备发送的所述第二节点树信息中目标节点的标识，获取所述目标节点的第一样式规则信息，并将所述目标节点的第一样式规则信息返回至所述第二设备；以及

根据所述第二设备返回的所述目标节点被修改的样式的标识以及第二样式规则信息，将所述第二节点树信息中一个或多个节点的所述第一样式规则信息修改为所述第二样式规则信息。

2.根据权利要求1所述的方法，其中，所述第一节点树信息描述了所述目标页面的第一节点集合以及各第一节点之间的第一树级关系，所述第二节点树信息描述了所述目标页面的第二节点集合以及各第二节点之间的第二树级关系，所述第一节点和所述第二节点为所述目标页面中的页面元素。

3.根据权利要求1所述的方法，其中，在获取目标页面的第一节点树信息之前，所述方法进一步包括：

将所述用于界面调试的脚本注入到所述目标页面中，并运行所述用于界面调试的脚本，其中，所述第二设备将所述用于界面调试的脚本注入到开发工具中，并运行所述用于界面调试的脚本。

4.根据权利要求3所述的方法，其中，将用于界面调试的脚本注入到所述目标页面中之后，进一步包括：

扫描所述第二设备的开发工具上的调试面板所展示的电子化码，进入相应的调试房间，建立所述目标页面所在的应用客户端与所述调试面板所在的开发工具的消息通道；其中，服务器响应于所述开发工具发送的调试请求，为所述开发工具分配所述调试房间的标识以建立所述调试房间，生成包含所述调试房间的标识的所述电子化码，并将所述电子化码发送至所述开发工具以使所述调试面板展示所述电子化码，所述调试面板运行在所述开发工具上。

5.根据权利要求2所述的方法，其中，所述获取目标页面的第一节点树信息，包括：

对所述目标页面的每个节点赋予一个节点标识；

从所述第一节点树中获取所述目标页面的所述第一树级关系，其中，所述第一树级关系表征了第一节点集合中节点的标识之间的第一层级关系；

其中，所述目标页面的第一节点包括所述目标页面的原始节点和新增节点；所述目标页面的第二节点包括所述目标页面的所述新增节点；

其中，所述将所述第一节点树信息发送至第二设备以使其对所述第一节点树信息进行编辑得到所述目标页面的第二节点树信息，包括：

将获取的所述第一树级关系通过所述消息通道发送至所述第二设备，其中，所述第二设备根据预设标识符，编辑所述第一树级关系，以删除所述第一树级关系中不包含所述预设标识符的所述原始节点的标识，得到所述第一树级关系中的所述新增节点的标识，并根据编辑的所述第一树级关系以及所述新增节点，生成所述目标页面的所述第二树级关系，所述第二树级关系表征了第二节点集合中节点的标识之间的第二层级。

6.根据权利要求1所述的方法，其中，所述第二设备响应于对所述第二节点树信息中一个节点的选取操作，将所述节点作为所述目标节点；

其中，所述获取到所述目标节点的第一样式规则信息，包括：

解析所述目标页面的样式标签，得到所述目标页面的样式标签的文本信息；

根据所述目标页面的样式标签的文本信息生成所述目标页面的样式规则信息表；

根据所述目标节点的标识，从所述目标页面的样式规则信息表中匹配出所述目标节点的第一样式规则信息。

7.根据权利要求1所述的方法，进一步包括：

调用监听函数，监听所述目标页面中所述第二节点树信息中所述目标节点的样式规则信息的变化，其中，响应于用户请求，所述目标页面中所述第二节点树信息中所述目标节点的样式规则信息发生变化；

当监听到所述第二节点树信息中所述目标节点的样式规则信息发生变化时，将所述发生变化的所述目标节点的标识、样式的标识以及变化后的样式规则信息返回所述第二设备以使其更新。