[发明专利]一种界面截图方法、装置、计算机设备以及存储介质

说明书

本公开提供了一种界面截图方法、装置、计算机设备以及存储介质，其中，该方法包括：获取Flutter应用的目标页面中所包含的各个视图控件的控件结构信息；根据控件结构信息在展示界面上展示多个视图控件，并检测对多个视图控件的选择操作；确定选择操作所对应的目标视图控件，并基于目标视图控件生成界面截取请求；向终端设备发送所述界面截取请求，并获取终端设备反馈的截图结果。在本公开实施例中，在确定出目标视图控件后，就可以通过界面截取请求指导终端设备针对目标视图控件的渲染区域进行截图，从而实现了以视图控件为基本单位的细粒度截图，使得用户能够更直观的观察到目标视图控件的渲染效果，便于用户针对该目标视图控件进行后续的调试。

技术领域

本公开涉及计算机的技术领域，具体而言，涉及一种界面截图方法、装置、计算机设备以及存储介质。

背景技术

随着应用平台的发展，不同平台之间由于编程语言差异，可以进行跨平台开发的Flutter平台逐渐普及。然而，在进行应用调试时，在Flutter平台中并没有对应的截图工具。此时，通过应用终端内的原生截图工具进行截图时，可以对显示在终端的展示界面进行全屏截图，而无法对应用中的某个单独界面组件进行针对性截图，因此，无法使用户直观的观察到界面组件的渲染效果。

发明内容

本公开实施例至少提供一种界面截图方法、装置、计算机设备以及存储介质。

第一方面，本公开实施例提供了一种界面截图方法，应用于Flutter性能调试程序，包括：

获取Flutter应用的目标页面中所包含的各个视图控件的控件结构信息；所述控件结构信息用于指示所述各个视图控件之间的层级关系；根据所述控件结构信息在展示界面上展示多个所述视图控件，并检测对所述多个视图控件的选择操作；确定所述选择操作所对应的目标视图控件，并基于所述目标视图控件生成界面截取请求；所述界面截取请求包含所述目标视图控件的控件信息；向终端设备发送所述界面截取请求，并获取所述终端设备反馈的截图结果；所述截图结果为所述目标页面中的目标视图控件在所述终端设备的渲染区域的图像。

一种可选的实施方式中，所述获取Flutter应用的目标页面中所包含各个视图控件的控件结构信息，包括：

获取Flutter应用的目标页面中所包含各个视图控件的控件结构树；其中，所述控件结构树包含多个节点和各个节点之间的层级关系，每个节点对应所述目标页面中的一个视图控件。

一种可选的实施方式中，所述根据所述控件结构信息在展示界面上展示所述多个视图控件，并检测对所述多个视图控件的选择操作，包括：

在所述展示界面上展示所述控件结构树；在检测到用户对所述控件结构树中节点的点击操作的情况下，确定检测到对所述多个视图控件的选择操作。

一种可选的实施方式中，在获取所述终端设备反馈的截图结果之后，所述方法还包括：

在所述Flutter性能调试程序的展示界面展示编辑窗口，并在所述编辑窗口中展示所述截图结果；响应于用户对所述编辑窗口中所展示的截图结果的编辑操作，对所述截图结果进行相应的编辑处理，得到编辑之后的截图结果。

一种可选的实施方式中，所述响应于用户对所述截图结果的编辑操作，对所述截图结果进行相应的编辑处理，得到编辑之后的截图结果，包括：

检测用户对所述编辑窗口中所展示的编辑工具标识的触发操作，并确定用户所触发的编辑工具标识的编辑类型；对所述截图结果进行与所述编辑类型相匹配的编辑处理，得到所述编辑之后的截图结果。

一种可选的实施方式中，在获取目标应用的目标页面中所包含各个视图控件的控件结构信息之前，所述方法还包括：