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

说明书

本申请提供了一种界面调试方法，应用于第一设备，包括：获取目标页面的第一节点树信息，并将所述第一节点树信息发送至第二设备以使其对所述第一节点树信息进行编辑得到所述目标页面的第二节点树信息；根据所述第二设备发送的所述第二节点树信息中目标节点的标识，获取所述目标节点的第一样式规则信息，并将所述目标节点的第一样式规则信息返回至所述第二设备；以及根据所述第二设备返回的所述目标节点被修改的样式的标识以及第二样式规则信息，将所述第二节点树信息中一个或多个节点的所述第一样式规则信息修改为所述第二样式规则信息。

技术领域

本申请涉及信息技术领域，尤其涉及一种界面调试方法、装置及存储介质。

背景技术

当前，在不同的操作系统下的应用客户端上的页面由不同的浏览器内核来渲染的，比如，微信小程序在苹果公司的IOS(Iphone OS)系统内的微信客户端上时，是由该系统下的浏览器内核比如WKWebview来渲染的，而在安卓(Andriod)系统内的微信客户端上时，是由基于安卓系统提供的浏览器内核比如Chrom53/57的X5内核来渲染的，由于不同的浏览器内核遵循不同的协议，因此，如何寻求一种跨平台的调试方法是亟待解决的问题。

发明内容

本申请的实施例提供了一种界面调试方法，应用于第一设备，包括：获取目标页面的第一节点树信息，并将所述第一节点树信息发送至第二设备以使其对所述第一节点树信息进行编辑得到所述目标页面的第二节点树信息；

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

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

本申请实施例还提供了一种界面调试装置，包括：

获取模块，获取目标页面的第一节点树信息；

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

所述获取模块，根据所述第二设备发送的所述第二节点树信息中目标节点的标识，获取所述目标节点的第一样式规则信息；

所述发送模块，将所述目标节点的第一样式规则信息返回至所述第二设备；

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

本申请实施例还提供了一种存储介质，存储有可读指令，可以使至少一个处理器执行上述界面调试方法。

本申请提供的技术方案，一方面通过在目标页面注入用于界面调试的脚本，可以屏蔽界面调试协议的差异，能够实现跨平台的界面调试，同时还可以使开发者无需手动进行调试，提高了调试的效率，节约了人力成本；另一方面通过建立的消息通道来发送信息，大大降低了远程调试的难度，避免了使用USB(Universal Serial Bus)调试线。此外，将第一节点树信息进行编辑可以使调试面板只展示目标页面的第二节点，可以方便界面调试，进一步提高调试的效率。

附图说明

图1为本申请一实施例的所述的一种界面调试方法的实施环境的示意图；

图2为本申请一实施例的一种界面调试方法的流程图；

图3A为本申请一实施例所述的本地调试的调试面板的一个示例；

图3B为本申请一实施例所述的调出远程调试的调试面板的一个示例；