[发明专利]调试信息显示方法、装置、存储介质及电子设备

权利要求书

1.一种调试信息显示方法，其特征在于，所述方法包括：

获取待调试网页，所述待调试网页包括多个组件，所述组件为预设功能的代码片段集合，其中，所述组件包括待调试组件以及调试信息显示组件；

基于组件之间的数据传递规则，通过所述调试信息显示组件获取所述待调试组件的调试信息；

将所述待调试组件的调试信息通过所述调试信息显示组件在所述待调试网页进行显示。

2.根据权利要求1所述的调试信息显示方法，其特征在于，所述将所述待调试组件的调试信息通过所述调试信息显示组件在所述待调试网页进行显示的步骤包括：

响应用户在所述待调试网页对所述待调试组件的选取操作，将所述用户选中的待调试组件作为目标调试组件；

通过所述调试信息显示组件将所述目标调试组件的调试信息在所述待调试网页进行显示。

3.根据权利要求2所述的调试信息显示方法，其特征在于，所述方法还包括：

响应用户在所述待调试网页对所述目标调试组件的选取操作，隐藏所述用户所选中的目标调试组件的调试信息。

4.根据权利要求2所述的调试信息显示方法，其特征在于，所述待调试组件在所述待调试网页显示有预设标识，所述响应用户在所述待调试网页对所述待调试组件的选取操作，将所述用户选中的待调试组件作为目标调试组件的步骤包括：

响应用户对所述预设标识的点击操作，确定所述用户选中的待调试组件；

将所述用户选中的待调试组件作为所述目标调试组件。

5.根据权利要求1所述的调试信息显示方法，其特征在于，所述方法还包括：

解析所述待调试网页的网页项目源代码，确定出所述待调试组件在所述网页项目源代码中的位置，所述网页项目源代码为开发过程中的网页源代码；

根据所述待调试组件在所述网页项目源代码中的位置，将所述调试信息显示组件插入到所述网页项目源代码的相应位置获得所述待调试网页，使得所述待调试网页中的调试信息显示组件能够获取所述待调试组件的调试信息。

6.根据权利要求5所述的调试信息显示方法，其特征在于，所述解析所述待调试网页的网页项目源代码，确定出所述待调试组件在所述网页项目源代码中的位置的步骤包括：

通过Babel插件解析所述网页项目源代码，根据所述待调试组件的唯一标识确定所述待调试组件在所述网页项目源代码中的位置。

7.根据权利要求5所述的调试信息显示方法，其特征在于，所述组件为React组件，所述根据所述待调试组件在所述网页项目源代码的位置，将所述调试信息显示组件插入到所述网页项目源代码的相应位置的步骤包括：

根据所述待调试组件在所述网页项目源代码中的位置，将所述调试信息显示组件插入到所述网页项目源代码的相应位置，使得所述调试信息显示组件作为所述待调试组件的子组件。

8.一种调试信息显示装置，其特征在于，所述调试信息显示装置包括网页获取模块和数据获取模块以及信息显示模块；

所述网页获取模块用于获取待调试网页，所述待调试网页包括多个组件，所述组件为预设功能的代码片段集合，其中，所述组件包括待调试组件以及调试信息显示组件；

所述数据获取模块用于基于组件之间的数据传递规则，通过所述调试信息显示组件获取所述待调试组件的调试信息；

所述信息显示模块用于将所述待调试组件的调试信息通过所述调试信息显示组件在所述待调试网页进行显示。

9.一种存储介质，其上存储有计算机程序，其特征在于，所述计算机程序被处理器执行时实现如权利要求1-7中任一项所述的调试信息显示方法。

10.一种电子设备，其特征在于，包括处理器和存储器，所述存储器存储有能够被所述处理器执行的机器可执行指令，所述电子设备从服务器获取并运行待调试网页时，实现如权利要求1-7中任一项所述的调试信息显示方法。