[发明专利]视图元素曝光的检测方法、装置、电子设备及存储介质

说明书

本发明实施例提供一种视图元素曝光的检测方法、装置、电子设备及存储介质，该方法包括：配置多个视图元素分别对应的元素标识，多个视图元素为目标应用的Flutter页面对应的元素，且多个视图元素对应于目标应用的至少一个组件；在监测到至少一个组件中的目标组件的生命周期发生状态更新时，确定生命周期状态更新前后对应的第一视图元素和第二视图元素；根据第一视图元素的第一元素标识和第二视图元素的第二元素标识，确定第二视图元素是否为更新后的需进行曝光上报的视图元素。本发明可以基于元素标识准确的判断Flutter页面所曝光的视图元素的情况，同时可以保证应用的性能，避免Flutter页面的卡顿。

技术领域

本发明涉及计算机技术领域，尤其涉及一种视图元素曝光的检测方法、装置、电子设备及存储介质。

背景技术

Flutter是Google推出的跨平台用户界面(User Interface，UI)框架，可以实现一套代码，多端复用，便于开发者通过一套代码高效构建多平台应用。

在使用Flutter完成一些业务需求时，经常会遇到需要统计应用页面中视图元素的曝光状态的情况，判断应用页面中的视图元素是否曝光，即判断应用页面中的视图元素是否处于用户可见状态。在安卓和iOS中，判断应用页面中的视图元素是否曝光的方案已经非常成熟，但Flutter技术推广时间不长，对处理视图元素曝光并没有很成熟的方案，并且Flutter的页面渲染机制与安卓和iOS差别比较大，所以迫切需要一套简单可用的处理视图元素曝光的方案。

目前针对Flutter而言，判断应用的Flutter页面中的视图元素是否曝光主要有以下两种策略：1、若组件(组件对应于代码层面)执行了初始状态生命周期即可确定组件对应的视图元素为用户可见状态(即，元素曝光)；2、通过计算视图元素的上下边界偏移量，与屏幕坐标进行对比，判断视图元素是否处于用户可见状态。

针对策略1而言，Flutter的页面渲染机制会复用组件，这时虽然用户看到了新的内容，但是该组件并没有执行初始状态生命周期，没有进行曝光上报，所以曝光判断不准确。针对策略2而言，计算视图元素边界偏移量的方案相对比较复杂，且对于包括多个视图元素的元素列表而言，需要高频的计算每个视图元素的偏移量，会造成列表滚动卡顿，对应用性能损耗严重。

由此可见，现有技术中，在判断应用的Flutter页面中的视图元素的曝光情况时，存在判断不准确或者判断策略相对复杂易造成对应用性能损耗严重的问题。

发明内容

本发明实施例提供一种视图元素曝光的检测方法、装置、电子设备及存储介质，以解决现有技术中在判断应用的Flutter页面中的视图元素的曝光情况时，存在的判断不准确或者判断策略相对复杂易造成对应用性能损耗严重的问题。

第一方面，本发明实施例提供一种视图元素曝光的检测方法，包括：

配置多个视图元素分别对应的元素标识，所述多个视图元素为目标应用的Flutter页面对应的元素，且所述多个视图元素对应于至少一个组件，所述至少一个组件为所述目标应用对应的组件；

在监测到目标组件的生命周期发生状态更新的情况下，确定生命周期状态更新前后所述目标组件分别对应的第一视图元素和第二视图元素，所述第一视图元素处于已曝光状态且曝光情况已上报至服务器，所述目标组件为所述至少一个组件中的一个；

根据所述第一视图元素对应的第一元素标识和所述第二视图元素对应的第二元素标识，确定所述第二视图元素是否为更新后的需进行曝光上报的视图元素。

第二方面，本发明实施例提供一种视图元素曝光的检测装置，包括：

配置模块，用于配置多个视图元素分别对应的元素标识，所述多个视图元素为目标应用的Flutter页面对应的元素，且所述多个视图元素对应于至少一个组件，所述至少一个组件为所述目标应用对应的组件；