CN114706581A - 图像分析方法、装置、计算机设备以及存储介质 - Google Patents

图像分析方法、装置、计算机设备以及存储介质 Download PDF

Info

Publication number
CN114706581A
CN114706581A CN202210357014.3A CN202210357014A CN114706581A CN 114706581 A CN114706581 A CN 114706581A CN 202210357014 A CN202210357014 A CN 202210357014A CN 114706581 A CN114706581 A CN 114706581A
Authority
CN
China
Prior art keywords
image
control
information
target
view control
Prior art date
Legal status (The legal status is an assumption and is not a legal conclusion. Google has not performed a legal analysis and makes no representation as to the accuracy of the status listed.)
Pending
Application number
CN202210357014.3A
Other languages
English (en)
Inventor
王李坤
Current Assignee (The listed assignees may be inaccurate. Google has not performed a legal analysis and makes no representation or warranty as to the accuracy of the list.)
Beijing ByteDance Network Technology Co Ltd
Original Assignee
Beijing ByteDance Network Technology Co Ltd
Priority date (The priority date is an assumption and is not a legal conclusion. Google has not performed a legal analysis and makes no representation as to the accuracy of the date listed.)
Filing date
Publication date
Application filed by Beijing ByteDance Network Technology Co Ltd filed Critical Beijing ByteDance Network Technology Co Ltd
Priority to CN202210357014.3A priority Critical patent/CN114706581A/zh
Publication of CN114706581A publication Critical patent/CN114706581A/zh
Priority to PCT/CN2023/084326 priority patent/WO2023193633A1/zh
Pending legal-status Critical Current

Links

Images

Classifications

    • G—PHYSICS
    • G06—COMPUTING; CALCULATING OR COUNTING
    • G06F—ELECTRIC DIGITAL DATA PROCESSING
    • G06F8/00—Arrangements for software engineering
    • G06F8/30—Creation or generation of source code
    • G06F8/38—Creation or generation of source code for implementing user interfaces
    • G—PHYSICS
    • G06—COMPUTING; CALCULATING OR COUNTING
    • G06F—ELECTRIC DIGITAL DATA PROCESSING
    • G06F11/00—Error detection; Error correction; Monitoring
    • G06F11/36—Preventing errors by testing or debugging software
    • G06F11/362—Software debugging
    • G—PHYSICS
    • G06—COMPUTING; CALCULATING OR COUNTING
    • G06F—ELECTRIC DIGITAL DATA PROCESSING
    • G06F3/00—Input arrangements for transferring data to be processed into a form capable of being handled by the computer; Output arrangements for transferring data from processing unit to output unit, e.g. interface arrangements
    • G06F3/01—Input arrangements or combined input and output arrangements for interaction between user and computer
    • G06F3/048—Interaction techniques based on graphical user interfaces [GUI]
    • G06F3/0481—Interaction techniques based on graphical user interfaces [GUI] based on specific properties of the displayed interaction object or a metaphor-based environment, e.g. interaction with desktop elements like windows or icons, or assisted by a cursor's changing behaviour or appearance
    • G06F3/04812—Interaction techniques based on cursor appearance or behaviour, e.g. being affected by the presence of displayed objects
    • G—PHYSICS
    • G06—COMPUTING; CALCULATING OR COUNTING
    • G06F—ELECTRIC DIGITAL DATA PROCESSING
    • G06F3/00—Input arrangements for transferring data to be processed into a form capable of being handled by the computer; Output arrangements for transferring data from processing unit to output unit, e.g. interface arrangements
    • G06F3/01—Input arrangements or combined input and output arrangements for interaction between user and computer
    • G06F3/048—Interaction techniques based on graphical user interfaces [GUI]
    • G06F3/0481—Interaction techniques based on graphical user interfaces [GUI] based on specific properties of the displayed interaction object or a metaphor-based environment, e.g. interaction with desktop elements like windows or icons, or assisted by a cursor's changing behaviour or appearance
    • G06F3/0482—Interaction with lists of selectable items, e.g. menus
    • G—PHYSICS
    • G06—COMPUTING; CALCULATING OR COUNTING
    • G06T—IMAGE DATA PROCESSING OR GENERATION, IN GENERAL
    • G06T7/00—Image analysis
    • G06T7/60—Analysis of geometric attributes
    • G06T7/62—Analysis of geometric attributes of area, perimeter, diameter or volume
    • Y—GENERAL TAGGING OF NEW TECHNOLOGICAL DEVELOPMENTS; GENERAL TAGGING OF CROSS-SECTIONAL TECHNOLOGIES SPANNING OVER SEVERAL SECTIONS OF THE IPC; TECHNICAL SUBJECTS COVERED BY FORMER USPC CROSS-REFERENCE ART COLLECTIONS [XRACs] AND DIGESTS
    • Y02—TECHNOLOGIES OR APPLICATIONS FOR MITIGATION OR ADAPTATION AGAINST CLIMATE CHANGE
    • Y02D—CLIMATE CHANGE MITIGATION TECHNOLOGIES IN INFORMATION AND COMMUNICATION TECHNOLOGIES [ICT], I.E. INFORMATION AND COMMUNICATION TECHNOLOGIES AIMING AT THE REDUCTION OF THEIR OWN ENERGY USE
    • Y02D10/00—Energy efficient computing, e.g. low power processors, power management or thermal management

Landscapes

  • Engineering & Computer Science (AREA)
  • Theoretical Computer Science (AREA)
  • General Engineering & Computer Science (AREA)
  • Physics & Mathematics (AREA)
  • General Physics & Mathematics (AREA)
  • Human Computer Interaction (AREA)
  • Software Systems (AREA)
  • Computer Hardware Design (AREA)
  • Quality & Reliability (AREA)
  • Geometry (AREA)
  • Computer Vision & Pattern Recognition (AREA)
  • Debugging And Monitoring (AREA)

Abstract

本公开提供了一种图像分析方法、装置、计算机设备以及存储介质，其中，该方法包括：响应于针对目标应用中目标页面的图像分析指令，获取所述目标页面的各个视图控件的控件属性信息；基于所述控件属性信息在所述各个视图控件中确定目标视图控件，其中，所述目标视图控件为包含图像的图像控件；基于所述目标视图控件生成图像获取请求，并将所述图像获取请求发送至终端设备；所述图像获取请求用于指示终端设备获取所述目标视图控件的控件图像以及图像信息；获取所述终端设备基于所述图像获取请求返回的所述目标视图控件所包含的控件图像和图像信息，并基于所述图像信息对所述控件图像进行图像分析，得到图像分析结果。

Description

图像分析方法、装置、计算机设备以及存储介质
技术领域
本公开涉及计算机技术领域，具体而言，涉及一种图像分析方法、装置、计算机设备以及存储介质。
背景技术
随着应用程序的显示界面的形式越来越多样化，在应用程序的界面组件中嵌入图像的方式也越来越普遍，然而，由于图像加载对终端设备的显示性能影响较大，例如，网络图像获取对流量的消耗以及图像对内存和CPU的消耗。
但是，在现有的应用程序的开发过程中，往往无法对应用程序内的图像进行分析，从而无法确定出不合理的图像场景，也就无法指导开发人员对不合理的图像场景进行调整，往往会导致应用程序在使用过程中产生较大的内存压力。
发明内容
本公开实施例至少提供一种图像分析方法、装置、计算机设备以及存储介质。
第一方面，本公开实施例提供了一种图像分析方法，应用于Flutter性能调试程序，包括：
响应于针对目标应用中目标页面的图像分析指令，获取所述目标页面的各个视图控件的控件属性信息；
基于所述控件属性信息在所述各个视图控件中确定目标视图控件，其中，所述目标视图控件为包含图像的图像控件；
基于所述目标视图控件生成图像获取请求，并将所述图像获取请求发送至终端设备；所述图像获取请求用于指示终端设备获取所述目标视图控件的控件图像以及图像信息；
获取所述终端设备基于所述图像获取请求返回的所述目标视图控件所包含的控件图像和图像信息，并基于所述图像信息对所述控件图像进行图像分析，得到图像分析结果。
一种可选的实施方式中，所述基于所述控件属性信息在所述各个视图控件中确定目标视图控件，包括：
获取多个所述视图控件的控件结构树，并确定所述控件结构树的根节点所对应的主视图控件；所述控件结构树包含多个节点和各个节点之间的层级关系，每个节点对应所述目标页面中的一个视图控件；
基于所述主视图控件，对所述控件结构树进行遍历，遍历得到所述目标视图控件。
一种可选的实施方式中，所述基于所述主视图控件，对所述控件结构树进行遍历，遍历得到所述目标视图控件，包括：
将所述主视图控件作为起始视图控件，对所述控件结构树中各个视图控件的控件属性信息进行遍历，得到属性遍历结果；
将所述属性遍历结果中包含图像属性的视图控件确定为所述目标视图控件。
一种可选的实施方式中，所述方法还包括：
在基于所述图像信息对所述控件图像进行图像分析，得到图像分析结果之后，基于所述图像分析结果创建展示列表；所述展示列表中包含多个展示区域，每个所述展示区域对应展示一个目标视图控件的相关信息；
将所述目标视图控件的相关信息展示在所述展示列表的对应展示区域；其中，所述相关信息包括以下至少之一：控件图像、图像信息和图像分析结果。
一种可选的实施方式中，所述相关信息包括所述图像分析结果，所述将所述目标视图控件的相关信息展示在所述展示列表的对应展示区域，包括：
在基于所述图像分析结果确定出所述控件图像中包含异常控件图像的情况下，确定所述异常控件图像的异常标记信息；
按照所述异常标记信息在所述展示列表的对应展示区域中对所述异常控件图像进行展示。
一种可选的实施方式中，所述基于所述图像信息对所述控件图像进行图像分析，得到图像分析结果，包括：
在所述图像信息中获取所述控件图像的当前图像尺寸和该控件图像的原始图像尺寸；
将所述当前图像尺寸和所述原始图像尺寸进行对比，得到对比结果；
在基于所述对比结果确定所述原始图像尺寸大于所述当前图像尺寸的情况下，确定所述控件图像为所述异常控件图像。
一种可选的实施方式中，所述图像信息包括以下至少之一：控件图像的当前图像尺寸，控件图像在所述终端设备中所占用内存的大小，控件图像的原始图像尺寸，控件图像的图像来源。
一种可选的实施方式中，所述获取所述终端设备基于所述图像获取请求返回的所述目标视图控件所包含的控件图像和图像信息，包括：
获取所述终端设备基于所述图像获取请求返回的控件图像数据；
按照预设数据格式对所述控件图像数据进行格式变换，得到所述目标视图控件的控件图像以及图像信息；其中，所述预设数据格式为与所述Flutter性能调试程序相匹配的数据格式。
第二方面，本公开实施例还提供一种图像分析方法，应用于运行有目标应用的终端设备，包括：
接收Flutter性能调试程序发送的图像获取请求，并确定所述图像获取请求所对应的目标视图控件；
获取所述目标视图控件的控件图像以及图像信息，并将所述控件图像以及图像信息返回至所述Flutter性能调试程序。
一种可选的实施方式中，所述确定所述图像获取请求所对应的目标视图控件，包括：
确定所述图像获取请求中所包含的视图控件信息；
将所述视图控件信息所对应的视图控件确定为所述目标视图控件。
一种可选的实施方式中，所述获取所述目标视图控件的控件图像以及图像信息，包括：
获取所述目标视图控件的控件属性信息；
基于加载参数对所述控件属性信息中所述目标视图控件的控件图像执行加载操作，得到加载结果，并基于所述加载结果确定所述控件图像的当前图像尺寸；其中，所述加载结果用于指示所述控件图像的渲染效果，所述加载参数包括以下至少之一：控件图像的原始图像尺寸，控件图像所占用内存大小，控件图像的图像来源；
根据所述加载结果和所述加载参数确定所述目标视图控件的控件图像以及图像信息。
一种可选的实施方式中，在获取所述目标视图控件的控件图像以及图像信息之后，所述方法还包括：
确定与所述Flutter性能调试程序相匹配的预设数据格式；
按照所述预设数据格式对所述目标视图控件的控件图像以及图像信息进行数据格式变换，得到所述目标视图控件的控件图像数据；
通过所述Flutter应用的调试扩展应用将所述目标视图控件的控件图像数据传输至Flutter性能调试程序中进行处理。
第三方面，本公开实施例还提供一种图像分析装置，设置在Flutter性能调试程序中，包括：
第一获取单元，用于响应于针对目标应用中目标页面的图像分析指令，获取所述目标页面的各个视图控件的控件属性信息；
确定单元，用于基于所述控件属性信息在所述各个视图控件中确定目标视图控件，其中，所述目标视图控件为包含图像的图像控件；
生成单元，用于基于所述目标视图控件生成图像获取请求，并将所述图像获取请求发送至终端设备；所述图像获取请求用于指示终端设备获取所述目标视图控件的控件图像以及图像信息；
第二获取单元，用于获取所述终端设备基于所述图像获取请求返回的所述目标视图控件所包含的控件图像和图像信息，并基于所述图像信息对所述控件图像进行图像分析，得到图像分析结果。
第四方面，本公开实施例还提供一种图像分析装置，设置在运行有目标应用的终端设备中，包括：
接收单元，用于接收Flutter性能调试程序发送的图像获取请求，并确定所述图像获取请求所对应的目标视图控件；
第三获取单元，用于获取所述目标视图控件的控件图像以及图像信息，并将所述控件图像以及图像信息返回至所述Flutter性能调试程序。
第五方面，本公开实施例还提供一种计算机设备，包括：处理器、存储器和总线，所述存储器存储有所述处理器可执行的机器可读指令，当计算机设备运行时，所述处理器与所述存储器之间通过总线通信，所述机器可读指令被所述处理器执行时执行上述第一方面至第二方面中任一种可能的实施方式中的步骤。
第六方面，本公开实施例还提供一种计算机可读存储介质，该计算机可读存储介质上存储有计算机程序，该计算机程序被处理器运行时执行上述第一方面至第二方面中任一种可能的实施方式中的步骤。
本公开实施例提供的图像分析方法、装置、计算机设备以及存储介质，可以确定目标应用中包含图像的目标视图控件，并通过获取该目标视图控件中控件图像的图像信息的方式，对该图像信息进行分析，从而得到该控件图像的分析结果，以使开发人员根据该分析结果确定出不合理的控件图像，并对该控件图像进行调整，降低图像加载对终端设备显示性能的影响，减少目标应用在使用过程中的内存压力。
为使本公开的上述目的、特征和优点能更明显易懂，下文特举较佳实施例，并配合所附附图，作详细说明如下。
附图说明
为了更清楚地说明本公开实施例的技术方案，下面将对实施例中所需要使用的附图作简单地介绍，此处的附图被并入说明书中并构成本说明书中的一部分，这些附图示出了符合本公开的实施例，并与说明书一起用于说明本公开的技术方案。应当理解，以下附图仅示出了本公开的某些实施例，因此不应被看作是对范围的限定，对于本领域普通技术人员来讲，在不付出创造性劳动的前提下，还可以根据这些附图获得其他相关的附图。
图1示出了本公开实施例所提供的一种图像分析方法的流程图；
图2示出了本公开实施例所提供的控件结构树中部分节点的示意图；
图3示出了本公开实施例所提供的展示列表的示意图；
图4示出了本公开实施例所提供的另一种图像分析方法的流程图；
图5示出了本公开实施例所提供的一种图像分析装置的示意图；
图6示出了本公开实施例所提供的另一种图像分析装置的示意图；
图7示出了本公开实施例所提供的一种计算机设备的示意图；
图8示出了本公开实施例所提供的另一种计算机设备的示意图。
具体实施方式
为使本公开实施例的目的、技术方案和优点更加清楚，下面将结合本公开实施例中附图，对本公开实施例中的技术方案进行清楚、完整地描述，显然，所描述的实施例仅仅是本公开一部分实施例，而不是全部的实施例。通常在此处附图中描述和示出的本公开实施例的组件可以以各种不同的配置来布置和设计。因此，以下对在附图中提供的本公开的实施例的详细描述并非旨在限制要求保护的本公开的范围，而是仅仅表示本公开的选定实施例。基于本公开的实施例，本领域技术人员在没有做出创造性劳动的前提下所获得的所有其他实施例，都属于本公开保护的范围。
应注意到：相似的标号和字母在下面的附图中表示类似项，因此，一旦某一项在一个附图中被定义，则在随后的附图中不需要对其进行进一步定义和解释。
本文中术语“和/或”，仅仅是描述一种关联关系，表示可以存在三种关系，例如，A和/或B，可以表示：单独存在A，同时存在A和B，单独存在B这三种情况。另外，本文中术语“至少一种”表示多种中的任意一种或多种中的至少两种的任意组合，例如，包括A、B、C中的至少一种，可以表示包括从A、B和C构成的集合中选择的任意一个或多个元素。
经研究发现，在现有的应用程序的开发过程中，往往无法对应用程序内的图像进行分析，从而无法确定出不合理的图像场景，也就无法指导开发人员对不合理的图像场景进行调整，往往会导致应用程序在使用过程中产生较大的内存压力。
基于上述研究，本公开提供了一种图像分析方法、装置、计算机设备以及存储介质，在本公开实施例中，可以确定目标应用中包含图像的目标视图控件，并通过获取该目标视图控件中控件图像的图像信息的方式，对该图像信息进行分析，从而得到该控件图像的分析结果，以使开发人员根据该分析结果确定出不合理的控件图像，并对该控件图像进行调整，降低图像加载对终端设备显示性能的影响，减少目标应用在使用过程中的内存压力。
为便于对本实施例进行理解，首先对本公开实施例所公开的一种图像分析方法进行详细介绍，本公开实施例所提供的图像分析方法的执行主体一般为具有一定计算能力的计算机设备。在一些可能的实现方式中，该图像分析方法可以通过处理器调用存储器中存储的计算机可读指令的方式来实现。
参见图1所示，为本公开实施例提供的一种图像分析方法的流程图，应用于Flutter性能调试程序，所述方法包括步骤S101～S107，其中：
S101：响应于针对目标应用中目标页面的图像分析指令，获取所述目标页面的各个视图控件的控件属性信息。
在本公开实施例中，首先建立上述Flutter性能调试程序和目标应用之间的通信连接，然后，Flutter性能调试程序在检测到针对该目标应用中的目标页面的图像分析指令之后，就可以向该目标应用发送获取请求，其中，该获取请求包含目标应用中目标页面的页面标识。
接下来，目标应用就可以基于该获取请求携带的页面标识，确定该获取请求所对应的目标页面。在确定出目标页面之后，就可以确定该目标页面中的视图控件，其中，视图控件为组成该目标页面的基本元素，例如，按钮，密码框，列表框，头像框等。然后，就可以通过上述通信连接，将该目标页面的各个视图控件的控件属性信息返回至Flutter性能调试程序。
这里，上述控件属性信息可以用于指示对应的视图控件的控件类型。
S103：基于所述控件属性信息在所述各个视图控件中确定目标视图控件，其中，所述目标视图控件为包含图像的图像控件。
在本公开实施例中，由于上述各个视图控件在目标页面中所实现的功能是不尽相同的，因此，每个视图控件中所包含的内容也可以是不同的。
这里，首先可以分别获取每个视图控件的控件属性信息，并确定该控件属性信息中所包含的填充信息，从而基于该填充信息对各个视图控件进行筛选，得到包含图像的图像控件，并将该图像控件确定为目标视图控件，其中，该填充信息用于表征对应的视图控件中所包含的内容。需要说明的是，在上述视图控件为包含图像的图像控件时，该视图控件的填充信息可以为Image(图像)。
S105：基于所述目标视图控件生成图像获取请求，并将所述图像获取请求发送至终端设备；所述图像获取请求用于指示终端设备获取所述目标视图控件的控件图像以及图像信息。
在本公开实施例中，在确定出上述目标视图控件之后，就可以获取该目标视图控件的控件标识，例如，控件id。然后，基于该控件标识生成该目标视图控件的图像获取请求，其中，该图像获取请求用于指示终端设备加载该目标视图控件中所包含的控件图像，从而得到目标视图控件的控件图像(其中，该控件图像也可记为ui.image)的图像资源，并基于该图像资源，确定该目标视图控件的控件图像的以及该控件图像对应的图像信息。
S107：获取所述终端设备基于所述图像获取请求返回的所述目标视图控件所包含的控件图像和图像信息，并基于所述图像信息对所述控件图像进行图像分析，得到图像分析结果。
在本公开实施例中，在获取到终端设备返回的控件图像和图像信息之后，就可以基于该图像信息对控件图像进行分析，从而得到图像分析结果。具体的，在针对该控件图像信息进行分析的过程中，可以分析该控件图像是否存在加载异常的情况。
举例来说，上述图像信息中包含该控件图像的内存占用信息，通过图像分析操作可以确定该控件图像的内存占用是否合理，如内存占用过大，其中，在该控件图像的内存占用不符合内存要求时，就可以确定该用于表征该控件图像的内存占用不合理的图像分析结果。
通过上述描述可知，在本公开实施例中，可以确定目标应用中包含图像的目标视图控件，并通过获取该目标视图控件中控件图像的图像信息的方式，对该图像信息进行分析，从而得到该控件图像的分析结果，以使开发人员根据该分析结果确定出不合理的控件图像，并对该控件图像进行调整，降低图像加载对终端设备显示性能的影响，减少目标应用在使用过程中的内存压力。
在一个可选的实施方式中，上述步骤S103，基于所述控件属性信息在所述各个视图控件中确定目标视图控件，具体包括如下过程：
S1031：获取多个所述视图控件的控件结构树，并确定所述控件结构树的根节点所对应的主视图控件；所述控件结构树包含多个节点和各个节点之间的层级关系，每个节点对应所述目标页面中的一个视图控件；
S1032：基于所述主视图控件，对所述控件结构树进行遍历，遍历得到所述目标视图控件。
在本公开实施例中，目标页面的控件结构树可以用于指示该目标页面的各个视图控件的控件结构信息，即各个视图控件之间的层级关系。
这里，控件结构树中包含多个节点，每个节点对应目标页面中的一个视图控件。该控件结构树中用于指示各视图控件之间的层级关系。这里，上述各视图控件之间层级关系可以包含各视图控件之间的堆叠关系以及排列顺序。
如图2所示为上述控件结构树中部分节点的示意图，由图2可知，上述堆叠关系可以用于指示多个节点之间的包含关系，例如，图片控件A中包含按钮控件1以及按钮控件2。上述排列顺序可以用于指示多个视图控件在目标页面上的排布位置，例如，在目标页面中，图片控件A位于图片控件B的上方，那么，在控件结构树中，图片控件A的排列顺序可以位于图片控件B之前。
因此，在获取到多个所述视图控件的控件结构树之后，就需要确定该控件结构树的根节点，以便从该根节点所对应的主视图控件开始对该控件结构树中的视图控件的控件属性信息进行遍历，从而得到目标视图控件。这里，控件结构树的根节点所对应的主视图控件可以理解为没有被包含关系的视图控件，例如，如图2所示，该主视图控件可以为目标页面的页面框架控件。
在本公开实施例中，在获取到目标页面的多个视图控件的控件结构树后，就可以基于该控件结构树中的根节点所对应的主视图空间对该控件结构树进行遍历，得到目标视图控件，从而提高了确定目标视图控件的效率。
在一个可选的实施方式中，上述步骤S1032，基于所述主视图控件，对所述控件结构树进行遍历，遍历得到所述目标视图控件，具体包括如下过程：
(1)、将所述主视图控件作为起始视图控件，对所述控件结构树中各个视图控件的控件属性信息进行遍历，得到属性遍历结果；
(2)、将所述属性遍历结果中包含图像属性的视图控件确定为所述目标视图控件。
在本公开实施例中，可以将确定出的主视图空间作为起始视图控件，然后，就可以基于上述控件结构树的内的节点排列结构，确定出遍历顺序，这里，该遍历顺序可以为基于控件结构树的主节点所对应的的主视图控件开始，对各分支节点所对应的视图控件进行逐一遍历。
具体的，以图2中所示的控件结构树中的部分节点为例，这部分节点所指示的遍历顺序可以为图片控件A、按钮控件1、按钮控件2、图片控件B。
在根据确定出的上述遍历顺序对控件结构树中各个视图控件的控件属性信息进行遍历的过程中，可以对各个视图控件的控件属性信息中的填充信息进行读取，并确定读取到的填充信息是否为上述Image，从而得到上述属性遍历结果。在确定读取到的充信息为Image的情况下，就可以确定该充信息为Image的视图控件包含图像属性，然后，就可以将该视图控件确定为目标视图控件。
在本公开实施例中，以主视图控件作为起始视图控件，对所述控件结构树中各个视图控件的控件属性信息进行遍历，并根据属性遍历结果确定出目标视图控件，从而进一步提高了确定目标视图控件的效率。
在一个可选的实施方式中，上述步骤S107，获取所述终端设备基于所述图像获取请求返回的所述目标视图控件所包含的控件图像和图像信息，包括：
(1)、获取所述终端设备基于所述图像获取请求返回的控件图像数据；
(2)、按照预设数据格式对所述控件图像数据进行格式变换，得到所述目标视图控件的控件图像以及图像信息；其中，所述预设数据格式为与所述Flutter性能调试程序相匹配的数据格式。
在本公开实施例中，上述目标应用中包括调试扩展应用，可以基于该调试扩展应用建立目标应用和Flutter性能调试程序之间的通信连接，以便基于该通信连接获取目标应用所属的终端设备返回的控件图像数据，其中，该调试扩展应用可以基于WebSocket通信连接，进行Flutter性能调试程序和Flutter应用之间的数据传输，另外，该调试扩展应用可以为extension。
这里，由于上述调试扩展应用对传输数据的格式有要求，其中，该调试扩展应用可以传输的传输数据格式为VMService的数据格式。因此，上述终端设备首先将确定出的控件图像以及图像信息装换为VMService格式的控件图像数据，以便通过调试扩展应用将该控件图像数据发送至Flutter性能调试程序中。
Flutter性能调试程序在接收到该控件图像数据后，就可以将该VMService格式的控件图像数据转换为预设数据格式，以便得到该控件图像数据中包含的控件图像以及图像信息。
在本公开实施例中，在进行上述目标应用和Flutter性能调试程序之间的数据传输的过程中，可以首先确定出包含控件图像以及图像信息的控件图像数据，再进行数据传输，从而在一定程度上提高了目标应用和Flutter性能调试程序之间的数据传输的保密性。
在一个可选的实施方式中，上述图像信息包括以下至少之一：控件图像的当前图像尺寸，控件图像在所述终端设备中所占用内存的大小，控件图像的原始图像尺寸，控件图像的图像来源。
具体的，上述控件图像的当前图像尺寸可以用户描述该控件图像在目标视图控件中的图像尺寸。上述控件图像在所述终端设备中所占用内存的大小可以用于表征该控件图像在终端设备中加载结束后，所占用的终端设备的内存的大小。
应理解的是，在加载上述控件图像时，需要从该控件图像的图像来源处获取该控件的图像资源，并根据该图像资源加载该控件图片。那么，上述控件图像的图像来源包括：网络图片以及本地缓存图片，其中，网络图片为加载该控件图像时需要从网络上下载的图片，本地缓存图片为加载时直接从终端设备的缓存中加载的图片；上述控件图像的原始图像尺寸为该控件图像的图像资源在图像来源处时的尺寸，例如，在该控件图像的图像来源为本地缓存图片时，该，控件图像的原始图像尺寸为该控件图像的图像资源在本地缓存中的尺寸。
通过上述描述可知，上述图像信息包括以下至少之一：控件图像的当前图像尺寸，控件图像在所述终端设备中所占用内存的大小，控件图像的原始图像尺寸，控件图像的图像来源，因此，获取目标视图控件的控件图像的图像信息为下述针对控件图像进行图像分析提供了技术支持。
在一个可选的实施方式中，上述步骤S107，基于所述图像信息对所述控件图像进行图像分析，得到图像分析结果，具体包括如下过程：
(1)、在所述图像信息中获取所述控件图像的当前图像尺寸和该控件图像的原始图像尺寸；
(2)、将所述当前图像尺寸和所述原始图像尺寸进行对比，得到对比结果；
(3)、在基于所述对比结果确定所述原始图像尺寸大于所述当前图像尺寸的情况下，确定所述控件图像为所述异常控件图像。
在本公开实施例中，在获取到控件图像的图像信息后，就可以在该图像信息中获取该控件图像的当前图像尺寸和该控件图像的原始图像尺寸，接下来，就可以将当前图像尺寸和原始图像尺寸进行对比，得到对比结果。
应理解的是，在正常的情况下，由于上述控件图像的图像来源很难把控，因此，有可能出现控件图像的原始图像尺寸过大，占用的内存过多的情况。基于此，在构建上述目标视图控件的过程中，该目标视图控件中的控件图像的当前图像尺寸应小于该控件图像的原始图像尺寸，以保证该控件图像在加载的过程中不会占用过多的内存。
因此，需要确定上述对比结果中原始图像尺寸大于当前图像尺寸的控件图像，并将确定出的控件图像确定为异常控件图像，以便基于该异常控件图像进行进一步异常确认，并在该异常控件图像需要进行调整的情况下，指导开发人员对该异常控件图像进行调整。
具体实施时，可以获取图像信息中的异常控件图像在终端设备中所占用内存的大小，并分析该异常控件图像在终端设备中所占用内存是否满足占用要求，其中，该占用要求可以为内存占用阈值，在该异常控件图像在终端设备中所占用内存大于该内存占用阈值的情况下，确定该异常控件图像需要进行调整。
在本公开实施例中，在获取到控件图像的当前图像尺寸和原始图像尺寸后，就可以将当前图像尺寸和原始图像尺寸进行对比，并将原始图像尺寸大于当前图像尺寸的控件图像确定为异常控件图像，从而确保目标视图控件中的控件图像不至于占用过多内存，以免影响终端设备加载该控件图像的加载速度，提高了用户的使用体验。
在一个可选的实施方式中，上述方法还包括如下过程：
(1)、在基于所述图像信息对所述控件图像进行图像分析，得到图像分析结果之后，基于所述图像分析结果创建展示列表；所述展示列表中包含多个展示区域，每个所述展示区域对应展示一个目标视图控件的相关信息；
(2)、将所述目标视图控件的相关信息展示在所述展示列表的对应展示区域；其中，所述相关信息包括以下至少之一：控件图像、图像信息和图像分析结果。
在本公开实施例中，在确定出上述图像分析结果之后，还可以通过Flutter性能调试程序中的状态管理控件创建展示列表。这里，该展示列表如图3所示，在该展示列表中包含多个展示区域，每个展示区域对应展示一个目标视图控件的相关信息。
这里，用户还可以通过筛选标识对展示区域展示的相关信息进行筛选，例如，在默认展示情况下，该展示区域展示的相关信息可以为控件图像、图像信息和图像分析结果。另外的，还可以分别为控件图像、图像信息以及图像分析结果设置对应的筛选按钮，用户可以通过触发该筛选按钮的方式，使得上述展示区域仅展示该筛选按钮所对应的相关信息。
举例来说，在检测到用户针对控件图像以及图像信息所对应的筛选按钮的触发操作后，就可以在上述展示区域展示每个目标视图控件的控件图像以及图像信息。
在一个可选的实施方式中，在上述相关信息包括图像分析结果的情况下，上述将所述目标视图控件的相关信息展示在所述展示列表的对应展示区域，具体包括如下过程：
(1)、在基于所述图像分析结果确定出所述控件图像中包含异常控件图像的情况下，确定所述异常控件图像的异常标记信息；
(2)、按照所述异常标记信息在所述展示列表的对应展示区域中对所述异常控件图像进行展示。
在本公开实施例中，在确定出控件图像中包含异常控件图像的情况下，就可以通过异常标记信息对该异常控件图像进行标记。举例来说，如图3所示，确定出的异常控件图像为图3中的控件图像4，可以在该控件图像4上通过异常标记信息进行标记(该异常标记信息即图3中的“WARNING”标识)，以使开发人员针对该异常控件图像进行调整，从而降低图像加载对终端设备显示性能的影响。
参见图4所示，为本公开实施例提供的另一种图像分析方法的流程图，应用于运行有目标应用的终端设备，所述方法包括步骤S401～S403，其中：
S401：接收Flutter性能调试程序发送的图像获取请求，并确定所述图像获取请求所对应的目标视图控件。
在本公开实施例中，在获取到Flutter性能调试程序发送的图像获取请求之后，就可以获取该图像获取请求中所携带的控件标识，并确定该控件标识所对应的目标视图控件，其中，该控件标识可以为控件id。
S403：获取所述目标视图控件的控件图像以及图像信息，并将所述控件图像以及图像信息返回至所述Flutter性能调试程序。
在本公开实施例中，在确定出上述目标页面中所包含的目标视图控件之后，就可以分别获取各个目标视图控件中所对应的控件图像以及图像信息。
这里，由于目标应用和Flutter性能调试程序之间的通信连接是基于调试扩展应用建立的，且该调试扩展应用对传输数据的格式要求为VMService数据格式。因此，需要将获取到的控件图像以及图像信息装换为VMService格式的控件图像数据，以便将该控件图像数据返回至Flutter性能调试程序。
通过上述描述可知，在本公开实施例中，可以响应于Flutter性能调试程序发送的图像获取请求，确定出目标应用中所包含的目标视图控件，并获取该目标视图控件的控件图像以及图像信息，并将该控件图像以及图像信息返回至Flutter性能调试程序，以使该Flutter性能调试程序能够基于该图像信息对控件图像进行分析，从而得到该控件图像的分析结果，以使开发人员根据该分析结果确定出不合理的控件图像，并对该控件图像进行调整，降低图像加载对终端设备显示性能的影响，减少目标应用在使用过程中的内存压力。
在一个可选的实施方式中，上述步骤S401，确定所述图像获取请求所对应的目标视图控件，具体包括如下包括：
S4011：确定所述图像获取请求中所包含的视图控件信息；
S4012：将所述视图控件信息所对应的视图控件确定为所述目标视图控件。
在本公开实施例中，上述视图控件信息可以包含上述控件指标识，在获取到图像获取请求中包含的视图控件信息后，就可以对目标应用的目标页面中所包含的视图控件进行遍历，从而确定出命中该视图控件信息的视图控件，并将确定出的视图控件确定为目标视图控件。
在本公开实施例中，上述图像获取请求中可以包含视图控件信息，以便目标应用根据该视图控件信息确定出对应的目标视图控件，从而提高确定目标视图控件的准确性。
在一个可选的实施方式中，上述步骤S403，获取所述目标视图控件的控件图像以及图像信息，具体包括如下过程：
S4031：获取所述目标视图控件的控件属性信息；
S4032：基于加载参数对所述控件属性信息中所述目标视图控件的控件图像执行加载操作，得到加载结果，并基于所述加载结果确定所述控件图像的当前图像尺寸；其中，所述加载结果用于指示所述控件图像的渲染效果，所述加载参数包括以下至少之一：控件图像的原始图像尺寸，控件图像所占用内存大小，控件图像的图像来源；
S4033：根据所述加载结果和所述加载参数确定所述目标视图控件的控件图像以及图像信息。
在本公开实施例中，上述控件属性信息中可以包含目标视图控件的控件图像，以及该控件图像所对应的加载参数。可以基于该控件图像的加载参数对该控件图像执行加载操作，从而得到加载结果。
具体实施时，首先可以基于加载参数中的控件图像的图像来源确定加载操作所需要加载的控件图像以及对应的加载地址，然后，就可以基于加载参数中的控件图像的原始图像尺寸以及控件图像所占用内存大小，确定加载操作所需要加载的控件图像的内容。此时，就可以基于确定出的加载地址以及控件图像的内容对该控件图像进行加载操作，从而得到加载结果。
在本公开实施例中，首先需要获取目标视图控件的控件属性信息，并基于加载参数对控件属性信息中的控件图像执行加载操作，得到加载结果，从而能够基于该加载结果以及控件属性信息确定目标视图控件的控件图像以及图像信息，丰富了得到的图像信息的内容。
在一个可选的实施方式中，在获取所述目标视图控件的控件图像以及图像信息之后，上述方法还包括如下过程：
(1)、确定与所述Flutter性能调试程序相匹配的预设数据格式；
(2)、按照所述预设数据格式对所述目标视图控件的控件图像以及图像信息进行数据格式变换，得到所述目标视图控件的控件图像数据；
(3)、通过所述目标应用的调试扩展应用将所述目标视图控件的控件图像数据传输至Flutter性能调试程序中进行处理。
在本公开实施例中，与Flutter性能调试程序相匹配的预设数据格式可以为上述目标应用中的调试扩展应用对应的的传输数据格式，例如，上述VMService格式。具体实施时，在确定出上述目标视图控件的控件图像以及图像信息后，就可以对该控件图像以及图像信息进行数据格式变换，转换为VMService格式的控件图像数据，以便能够通过调试扩展应用将该控件图像数据发送至Flutter性能调试程序中。
在本公开实施例中，在进行上述目标应用和Flutter性能调试程序之间的数据传输的过程中，可以首先对控件图像以及图像信息进行数据格式变换，得到目标视图控件的控件图像数据，从而在一定程度上提高了目标应用和Flutter性能调试程序之间的数据传输的保密性。
综上，在本公开实施例中，可以确定目标应用中包含图像的目标视图控件，并通过获取该目标视图控件中控件图像的图像信息的方式，对该图像信息进行分析，从而得到该控件图像的分析结果，以使开发人员根据该分析结果确定出不合理的控件图像，并对该控件图像进行调整，降低图像加载对终端设备显示性能的影响，减少目标应用在使用过程中的内存压力。
本领域技术人员可以理解，在具体实施方式的上述方法中，各步骤的撰写顺序并不意味着严格的执行顺序而对实施过程构成任何限定，各步骤的具体执行顺序应当以其功能和可能的内在逻辑确定。
基于同一发明构思，本公开实施例中还提供了与图像分析方法对应的图像分析装置，由于本公开实施例中的装置解决问题的原理与本公开实施例上述图像分析方法相似，因此装置的实施可以参见方法的实施，重复之处不再赘述。
参照图5所示，为本公开实施例提供的一种图像分析装置的示意图，设置在Flutter性能调试程序中，所述装置包括：第一获取单元51、确定单元52、生成单元53、第二获取单元54；其中，
第一获取单元51，用于响应于针对目标应用中目标页面的图像分析指令，获取所述目标页面的各个视图控件的控件属性信息；
确定单元52，用于基于所述控件属性信息在所述各个视图控件中确定目标视图控件，其中，所述目标视图控件为包含图像的图像控件；
生成单元53，用于基于所述目标视图控件生成图像获取请求，并将所述图像获取请求发送至终端设备；所述图像获取请求用于指示终端设备获取所述目标视图控件的控件图像以及图像信息；
第二获取单元54，用于获取所述终端设备基于所述图像获取请求返回的所述目标视图控件所包含的控件图像和图像信息，并基于所述图像信息对所述控件图像进行图像分析，得到图像分析结果。
在本公开实施例中，可以确定目标应用中包含图像的目标视图控件，并通过获取该目标视图控件中控件图像的图像信息的方式，对该图像信息进行分析，从而得到该控件图像的分析结果，以使开发人员根据该分析结果确定出不合理的控件图像，并对该控件图像进行调整，降低图像加载对终端设备显示性能的影响，减少目标应用在使用过程中的内存压力。
一种可能的实施方式中，确定单元52，还用于：
获取多个所述视图控件的控件结构树，并确定所述控件结构树的根节点所对应的主视图控件；所述控件结构树包含多个节点和各个节点之间的层级关系，每个节点对应所述目标页面中的一个视图控件；
基于所述主视图控件，对所述控件结构树进行遍历，遍历得到所述目标视图控件。
一种可能的实施方式中，确定单元52，还用于：
将所述主视图控件作为起始视图控件，对所述控件结构树中各个视图控件的控件属性信息进行遍历，得到属性遍历结果；
将所述属性遍历结果中包含图像属性的视图控件确定为所述目标视图控件。
一种可能的实施方式中，该装置还用于：
在基于所述图像信息对所述控件图像进行图像分析，得到图像分析结果之后，基于所述图像分析结果创建展示列表；所述展示列表中包含多个展示区域，每个所述展示区域对应展示一个目标视图控件的相关信息；
将所述目标视图控件的相关信息展示在所述展示列表的对应展示区域；其中，所述相关信息包括以下至少之一：控件图像、图像信息和图像分析结果。
一种可能的实施方式中，在相关信息包括所述图像分析结果的情况下，该装置还用于：
在基于所述图像分析结果确定出所述控件图像中包含异常控件图像的情况下，确定所述异常控件图像的异常标记信息；
按照所述异常标记信息在所述展示列表的对应展示区域中对所述异常控件图像进行展示。
一种可能的实施方式中，第二获取单元54，还用于：
在所述图像信息中获取所述控件图像的当前图像尺寸和该控件图像的原始图像尺寸；
将所述当前图像尺寸和所述原始图像尺寸进行对比，得到对比结果；
在基于所述对比结果确定所述原始图像尺寸大于所述当前图像尺寸的情况下，确定所述控件图像为所述异常控件图像。
一种可能的实施方式中，所述图像信息包括以下至少之一：控件图像的当前图像尺寸，控件图像在所述终端设备中所占用内存的大小，控件图像的原始图像尺寸，控件图像的图像来源。
一种可能的实施方式中，第二获取单元54，还用于：
获取所述终端设备基于所述图像获取请求返回的控件图像数据；
按照预设数据格式对所述控件图像数据进行格式变换，得到所述目标视图控件的控件图像以及图像信息；其中，所述预设数据格式为与所述Flutter性能调试程序相匹配的数据格式。
参照图6所示，为本公开实施例提供的另一种图像分析装置的示意图，设置在运行有目标应用的终端设备中，所述装置包括：接收单元61、第三获取单元62；其中，
接收单元61，用于接收Flutter性能调试程序发送的图像获取请求，并确定所述图像获取请求所对应的目标视图控件；
第三获取单元62，用于获取所述目标视图控件的控件图像以及图像信息，并将所述控件图像以及图像信息返回至所述Flutter性能调试程序。
在本公开实施例中，可以确定目标应用中包含图像的目标视图控件，并通过获取该目标视图控件中控件图像的图像信息的方式，对该图像信息进行分析，从而得到该控件图像的分析结果，以使开发人员根据该分析结果确定出不合理的控件图像，并对该控件图像进行调整，降低图像加载对终端设备显示性能的影响，减少目标应用在使用过程中的内存压力。
一种可能的实施方式中，接收单元61，还用于：
确定所述图像获取请求中所包含的视图控件信息；
将所述视图控件信息所对应的视图控件确定为所述目标视图控件。
一种可能的实施方式中，第三获取单元62，还用于：
确定所述图像获取请求中所包含的视图控件信息；
获取所述目标视图控件的控件属性信息；
基于加载参数对所述控件属性信息中所述目标视图控件的控件图像执行加载操作，得到加载结果，并基于所述加载结果确定所述控件图像的当前图像尺寸；其中，所述加载结果用于指示所述控件图像的渲染效果，所述加载参数包括以下至少之一：控件图像的原始图像尺寸，控件图像所占用内存大小，控件图像的图像来源；
根据所述加载结果和所述加载参数确定所述目标视图控件的控件图像以及图像信息。
一种可能的实施方式中，第三获取单元62，还用于：
确定与所述Flutter性能调试程序相匹配的预设数据格式；
按照所述预设数据格式对所述目标视图控件的控件图像以及图像信息进行数据格式变换，得到所述目标视图控件的控件图像数据；
通过所述Flutter应用的调试扩展应用将所述目标视图控件的控件图像数据传输至Flutter性能调试程序中进行处理。
关于装置中的各单元的处理流程、以及各单元之间的交互流程的描述可以参照上述方法实施例中的相关说明，这里不再详述。
对应于图1中的图像分析方法，本公开实施例还提供了一种计算机设备700，如图7所示，为本公开实施例提供的计算机设备700结构示意图，包括：
处理器71、存储器72、和总线73；存储器72用于存储执行指令，包括内存721和外部存储器722；这里的内存721也称内存储器，用于暂时存放处理器71中的运算数据，以及与硬盘等外部存储器722交换的数据，处理器71通过内存721与外部存储器722进行数据交换，当所述计算机设备700运行时，所述处理器71与所述存储器72之间通过总线73通信，使得所述处理器71执行以下指令：
响应于针对目标应用中目标页面的图像分析指令，获取所述目标页面的各个视图控件的控件属性信息；
基于所述控件属性信息在所述各个视图控件中确定目标视图控件，其中，所述目标视图控件为包含图像的图像控件；
基于所述目标视图控件生成图像获取请求，并将所述图像获取请求发送至终端设备；所述图像获取请求用于指示终端设备获取所述目标视图控件的控件图像以及图像信息；
获取所述终端设备基于所述图像获取请求返回的所述目标视图控件所包含的控件图像和图像信息，并基于所述图像信息对所述控件图像进行图像分析，得到图像分析结果。
对应于图4中的图像分析方法，本公开实施例还提供了另一种计算机设备800，如图8所示，为本公开实施例提供的计算机设备800结构示意图，包括：
处理器81、存储器82、和总线83；存储器82用于存储执行指令，包括内存821和外部存储器822；这里的内存821也称内存储器，用于暂时存放处理器81中的运算数据，以及与硬盘等外部存储器822交换的数据，处理器81通过内存821与外部存储器822进行数据交换，当所述计算机设备800运行时，所述处理器81与所述存储器82之间通过总线83通信，使得所述处理器81执行以下指令：
接收Flutter性能调试程序发送的图像获取请求，并确定所述图像获取请求所对应的目标视图控件；
获取所述目标视图控件的控件图像以及图像信息，并将所述控件图像以及图像信息返回至所述Flutter性能调试程序。
本公开实施例还提供一种计算机可读存储介质，该计算机可读存储介质上存储有计算机程序，该计算机程序被处理器运行时执行上述方法实施例中所述的图像分析方法的步骤。其中，该存储介质可以是易失性或非易失的计算机可读取存储介质。
本公开实施例还提供一种计算机程序产品，该计算机程序产品承载有程序代码，所述程序代码包括的指令可用于执行上述方法实施例中所述的图像分析方法的步骤，具体可参见上述方法实施例，在此不再赘述。
其中，上述计算机程序产品可以具体通过硬件、软件或其结合的方式实现。在一个可选实施例中，所述计算机程序产品具体体现为计算机存储介质，在另一个可选实施例中，计算机程序产品具体体现为软件产品，例如软件开发包(Software Development Kit，SDK)等等。
所属领域的技术人员可以清楚地了解到，为描述的方便和简洁，上述描述的系统和装置的具体工作过程，可以参考前述方法实施例中的对应过程，在此不再赘述。在本公开所提供的几个实施例中，应该理解到，所揭露的系统、装置和方法，可以通过其它的方式实现。以上所描述的装置实施例仅仅是示意性的，例如，所述单元的划分，仅仅为一种逻辑功能划分，实际实现时可以有另外的划分方式，又例如，多个单元或组件可以结合或者可以集成到另一个系统，或一些特征可以忽略，或不执行。另一点，所显示或讨论的相互之间的耦合或直接耦合或通信连接可以是通过一些通信接口，装置或单元的间接耦合或通信连接，可以是电性，机械或其它的形式。
所述作为分离部件说明的单元可以是或者也可以不是物理上分开的，作为单元显示的部件可以是或者也可以不是物理单元，即可以位于一个地方，或者也可以分布到多个网络单元上。可以根据实际的需要选择其中的部分或者全部单元来实现本实施例方案的目的。
另外，在本公开各个实施例中的各功能单元可以集成在一个处理单元中，也可以是各个单元单独物理存在，也可以两个或两个以上单元集成在一个单元中。
所述功能如果以软件功能单元的形式实现并作为独立的产品销售或使用时，可以存储在一个处理器可执行的非易失的计算机可读取存储介质中。基于这样的理解，本公开的技术方案本质上或者说对现有技术做出贡献的部分或者该技术方案的部分可以以软件产品的形式体现出来，该计算机软件产品存储在一个存储介质中，包括若干指令用以使得一台计算机设备(可以是个人计算机，服务器，或者网络设备等)执行本公开各个实施例所述方法的全部或部分步骤。而前述的存储介质包括：U盘、移动硬盘、只读存储器(Read-OnlyMemory，ROM)、随机存取存储器(Random Access Memory，RAM)、磁碟或者光盘等各种可以存储程序代码的介质。
最后应说明的是：以上所述实施例，仅为本公开的具体实施方式，用以说明本公开的技术方案，而非对其限制，本公开的保护范围并不局限于此，尽管参照前述实施例对本公开进行了详细的说明，本领域的普通技术人员应当理解：任何熟悉本技术领域的技术人员在本公开揭露的技术范围内，其依然可以对前述实施例所记载的技术方案进行修改或可轻易想到变化，或者对其中部分技术特征进行等同替换；而这些修改、变化或者替换，并不使相应技术方案的本质脱离本公开实施例技术方案的精神和范围，都应涵盖在本公开的保护范围之内。因此，本公开的保护范围应所述以权利要求的保护范围为准。

Claims (16)

1.一种图像分析方法，其特征在于，应用于Flutter性能调试程序，包括：
响应于针对目标应用中目标页面的图像分析指令，获取所述目标页面的各个视图控件的控件属性信息；
基于所述控件属性信息在所述各个视图控件中确定目标视图控件，其中，所述目标视图控件为包含图像的图像控件；
基于所述目标视图控件生成图像获取请求，并将所述图像获取请求发送至终端设备；所述图像获取请求用于指示终端设备获取所述目标视图控件的控件图像以及图像信息；
获取所述终端设备基于所述图像获取请求返回的所述目标视图控件所包含的控件图像和图像信息，并基于所述图像信息对所述控件图像进行图像分析，得到图像分析结果。
2.根据权利要求1所述的方法，其特征在于，所述基于所述控件属性信息在所述各个视图控件中确定目标视图控件，包括：
获取多个所述视图控件的控件结构树，并确定所述控件结构树的根节点所对应的主视图控件；所述控件结构树包含多个节点和各个节点之间的层级关系，每个节点对应所述目标页面中的一个视图控件；
基于所述主视图控件，对所述控件结构树进行遍历，遍历得到所述目标视图控件。
3.根据权利要求2所述的方法，其特征在于，所述基于所述主视图控件，对所述控件结构树进行遍历，遍历得到所述目标视图控件，包括：
将所述主视图控件作为起始视图控件，对所述控件结构树中各个视图控件的控件属性信息进行遍历，得到属性遍历结果；
将所述属性遍历结果中包含图像属性的视图控件确定为所述目标视图控件。
4.根据权利要求1所述的方法，其特征在于，所述方法还包括：
在基于所述图像信息对所述控件图像进行图像分析，得到图像分析结果之后，基于所述图像分析结果创建展示列表；所述展示列表中包含多个展示区域，每个所述展示区域对应展示一个目标视图控件的相关信息；
将所述目标视图控件的相关信息展示在所述展示列表的对应展示区域；其中，所述相关信息包括以下至少之一：控件图像、图像信息和图像分析结果。
5.根据权利要求4所述的方法，其特征在于，所述相关信息包括所述图像分析结果，所述将所述目标视图控件的相关信息展示在所述展示列表的对应展示区域，包括：
在基于所述图像分析结果确定出所述控件图像中包含异常控件图像的情况下，确定所述异常控件图像的异常标记信息；
按照所述异常标记信息在所述展示列表的对应展示区域中对所述异常控件图像进行展示。
6.根据权利要求1所述的方法，其特征在于，所述基于所述图像信息对所述控件图像进行图像分析，得到图像分析结果，包括：
在所述图像信息中获取所述控件图像的当前图像尺寸和该控件图像的原始图像尺寸；
将所述当前图像尺寸和所述原始图像尺寸进行对比，得到对比结果；
在基于所述对比结果确定所述原始图像尺寸大于所述当前图像尺寸的情况下，确定所述控件图像为异常控件图像。
7.根据权利要求1所述的方法，其特征在于，所述图像信息包括以下至少之一：控件图像的当前图像尺寸，控件图像在所述终端设备中所占用内存的大小，控件图像的原始图像尺寸，控件图像的图像来源。
8.根据权利要求1所述的方法，其特征在于，所述获取所述终端设备基于所述图像获取请求返回的所述目标视图控件所包含的控件图像和图像信息，包括：
获取所述终端设备基于所述图像获取请求返回的控件图像数据；
按照预设数据格式对所述控件图像数据进行格式变换，得到所述目标视图控件的控件图像以及图像信息；其中，所述预设数据格式为与所述Flutter性能调试程序相匹配的数据格式。
9.一种图像分析方法，其特征在于，应用于运行有目标应用的终端设备，包括：
接收Flutter性能调试程序发送的图像获取请求，并确定所述图像获取请求所对应的目标视图控件；
获取所述目标视图控件的控件图像以及图像信息，并将所述控件图像以及图像信息返回至所述Flutter性能调试程序。
10.根据权利要求9所述的方法，其特征在于，所述确定所述图像获取请求所对应的目标视图控件，包括：
确定所述图像获取请求中所包含的视图控件信息；
将所述视图控件信息所对应的视图控件确定为所述目标视图控件。
11.根据权利要求9所述的方法，其特征在于，所述获取所述目标视图控件的控件图像以及图像信息，包括：
获取所述目标视图控件的控件属性信息；
基于加载参数对所述控件属性信息中所述目标视图控件的控件图像执行加载操作，得到加载结果，并基于所述加载结果确定所述控件图像的当前图像尺寸；其中，所述加载结果用于指示所述控件图像的渲染效果，所述加载参数包括以下至少之一：控件图像的原始图像尺寸，控件图像所占用内存大小，控件图像的图像来源；
根据所述加载结果和所述加载参数确定所述目标视图控件的控件图像以及图像信息。
12.根据权利要求9所述的方法，其特征在于，在获取所述目标视图控件的控件图像以及图像信息之后，所述方法还包括：
确定与所述Flutter性能调试程序相匹配的预设数据格式；
按照所述预设数据格式对所述目标视图控件的控件图像以及图像信息进行数据格式变换，得到所述目标视图控件的控件图像数据；
通过所述Flutter应用的调试扩展应用将所述目标视图控件的控件图像数据传输至Flutter性能调试程序中进行处理。
13.一种图像分析装置，其特征在于，设置在Flutter性能调试程序中，包括：
第一获取单元，用于响应于针对目标应用中目标页面的图像分析指令，获取所述目标页面的各个视图控件的控件属性信息；
确定单元，用于基于所述控件属性信息在所述各个视图控件中确定目标视图控件，其中，所述目标视图控件为包含图像的图像控件；
生成单元，用于基于所述目标视图控件生成图像获取请求，并将所述图像获取请求发送至终端设备；所述图像获取请求用于指示终端设备获取所述目标视图控件的控件图像以及图像信息；
第二获取单元，用于获取所述终端设备基于所述图像获取请求返回的所述目标视图控件所包含的控件图像和图像信息，并基于所述图像信息对所述控件图像进行图像分析，得到图像分析结果。
14.一种图像分析装置，其特征在于，设置在运行有目标应用的终端设备中，包括：
接收单元，用于接收Flutter性能调试程序发送的图像获取请求，并确定所述图像获取请求所对应的目标视图控件；
第三获取单元，用于获取所述目标视图控件的控件图像以及图像信息，并将所述控件图像以及图像信息返回至所述Flutter性能调试程序。
15.一种计算机设备，其特征在于，包括：处理器、存储器和总线，所述存储器存储有所述处理器可执行的机器可读指令，当计算机设备运行时，所述处理器与所述存储器之间通过总线通信，所述机器可读指令被所述处理器执行时执行如权利要求1至12任意一项所述的图像分析方法的步骤。
16.一种计算机可读存储介质，其特征在于，该计算机可读存储介质上存储有计算机程序，该计算机程序被处理器运行时执行如权利要求1至12任意一项所述的图像分析方法的步骤。
CN202210357014.3A 2022-04-06 2022-04-06 图像分析方法、装置、计算机设备以及存储介质 Pending CN114706581A (zh)

Priority Applications (2)

Application Number Priority Date Filing Date Title
CN202210357014.3A CN114706581A (zh) 2022-04-06 2022-04-06 图像分析方法、装置、计算机设备以及存储介质
PCT/CN2023/084326 WO2023193633A1 (zh) 2022-04-06 2023-03-28 图像分析方法、装置、计算机设备以及存储介质

Applications Claiming Priority (1)

Application Number Priority Date Filing Date Title
CN202210357014.3A CN114706581A (zh) 2022-04-06 2022-04-06 图像分析方法、装置、计算机设备以及存储介质

Publications (1)

Publication Number Publication Date
CN114706581A true CN114706581A (zh) 2022-07-05

Family

ID=82172745

Family Applications (1)

Application Number Title Priority Date Filing Date
CN202210357014.3A Pending CN114706581A (zh) 2022-04-06 2022-04-06 图像分析方法、装置、计算机设备以及存储介质

Country Status (2)

Country Link
CN (1) CN114706581A (zh)
WO (1) WO2023193633A1 (zh)

Cited By (1)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
WO2023193633A1 (zh) * 2022-04-06 2023-10-12 北京字节跳动网络技术有限公司 图像分析方法、装置、计算机设备以及存储介质

Family Cites Families (5)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN108109132B (zh) * 2016-11-25 2021-02-05 杭州海康威视数字技术股份有限公司 一种图像分析方法及装置
CN111158619B (zh) * 2019-12-25 2021-09-21 珠海格力电器股份有限公司 一种图片处理方法及装置
CN111324352A (zh) * 2020-02-27 2020-06-23 中国平安人寿保险股份有限公司 一种应用页面的代码生成方法及相关设备
CN113986426B (zh) * 2021-10-26 2024-04-09 腾讯科技（深圳）有限公司 图像检测方法、装置、可读介质及电子设备
CN114706581A (zh) * 2022-04-06 2022-07-05 北京字节跳动网络技术有限公司 图像分析方法、装置、计算机设备以及存储介质

Cited By (1)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
WO2023193633A1 (zh) * 2022-04-06 2023-10-12 北京字节跳动网络技术有限公司 图像分析方法、装置、计算机设备以及存储介质

Also Published As

Publication number Publication date
WO2023193633A1 (zh) 2023-10-12

Similar Documents

Publication Publication Date Title
CN111552473B (zh) 一种应用程序的处理方法、装置及设备
US9021428B2 (en) Troubleshooting visuals and transient expressions in executing applications
CN110059004B (zh) 一种应用测试的方法、装置、设备和介质
CN113065656A (zh) 一种规则引擎配置方法、装置、服务器及可读存储介质
CN113868126A (zh) 应用调试方法、装置、设备的存储介质
CN111026493B (zh) 界面渲染的处理方法和装置
CN112817866A (zh) 录制回放方法、装置、系统、计算机设备以及存储介质
CN110727429A (zh) 一种前端页面的生成方法、装置及设备
CN114706581A (zh) 图像分析方法、装置、计算机设备以及存储介质
US20110321001A1 (en) Visualization of runtime analysis across dynamic boundaries
CN112783660B (zh) 虚拟场景中的资源处理方法、装置及电子设备
CN117762519A (zh) 组件管理方法、装置、计算机设备和存储介质
CN112835774B (zh) 显卡性能的可视化方法及装置、设备、计算机可读存储介质
CN115357696A (zh) 基于组件的动态图表看板展示方法及相关设备
CN110045961B (zh) 业务规则的管理方法及管理平台
CN112306850B (zh) 一种测试用例生成方法、装置及存储介质
CN109840213B (zh) 一种gui测试的测试数据创建方法、装置、终端及存储介质
CN114020717A (zh) 分布式存储系统的性能数据获取方法、装置、设备及介质
CN113722001A (zh) 一种显示主题切换方法、装置、可穿戴设备及存储介质
US20220035906A1 (en) Information processing apparatus, control method, and program
US20180081780A1 (en) Trace-information management system, trace-information management method, and trace-information management program product
CN114237600B (zh) 前端页面的代码生成方法、装置、设备以及存储介质
CN111475482B (zh) 一种hdfs数据的展示方法和装置
CN116051678A (zh) 一种分布式存储的测试数据曲线绘制方法、装置及介质
CN114968572A (zh) 图片加载时的占用内存确定方法及装置

Legal Events

Date Code Title Description
PB01 Publication
PB01 Publication
SE01 Entry into force of request for substantive examination
SE01 Entry into force of request for substantive examination
CB02 Change of applicant information
CB02 Change of applicant information

Address after: 100041 B-0035, 2 floor, 3 building, 30 Shixing street, Shijingshan District, Beijing.

Applicant after: Douyin Vision Co.,Ltd.

Address before: 100041 B-0035, 2 floor, 3 building, 30 Shixing street, Shijingshan District, Beijing.

Applicant before: Tiktok vision (Beijing) Co.,Ltd.

Address after: 100041 B-0035, 2 floor, 3 building, 30 Shixing street, Shijingshan District, Beijing.

Applicant after: Tiktok vision (Beijing) Co.,Ltd.

Address before: 100041 B-0035, 2 floor, 3 building, 30 Shixing street, Shijingshan District, Beijing.

Applicant before: BEIJING BYTEDANCE NETWORK TECHNOLOGY Co.,Ltd.