CN110069194A - 页面卡顿确定方法、装置、电子设备及可读存储介质 - Google Patents

Abstract

本公开提供了一种页面卡顿确定方法、装置、电子设备及可读存储介质，所述方法包括：监听页面滚动行为；响应于所述页面滚动行为，按照预设时间间隔获取多个状态数据，所述状态数据包括：滚动时间、滚动距离；在所述页面滚动行为有效的情况下，根据所述滚动时间、滚动距离生成针对滚动速度的加速度曲线；根据所述加速度曲线确定页面卡顿位置。可以通过页面滚动的加速度确定页面卡顿，由于加速度直接体现页面的滚动速度是否正常，从而有助于避免出现FPS正常，页面卡顿的问题；且，采用计算机实现图像分析生成结果数据，降低了人工成本，且不受人力限制，收集数据的范围较大。

Description

页面卡顿确定方法、装置、电子设备及可读存储介质

技术领域

本公开实施例涉及网络技术领域，尤其涉及一种页面卡顿确定方法、装置、电子设备及可读存储介质。

背景技术

在使用移动终端浏览网络页面时，页面数据需要按照一定时间加载，若在该时间内未加载成功，则出现页面卡顿现象。通常采用FPS(Frames Per Second，每秒传输帧数)来评价卡顿程度。

现有技术中，通常存在三种方案获取FPS指标。第一种方案，通过系统获取页面数据的加载时间，并计算出FPS；第二种方案，在页面数据的加载代码中打点计算每帧页面消耗的时间，并计算出FPS；第三种方案，通过外部设备(例如，高速摄像机)捕捉页面加载画面，并对加载画面进行图像分析得到卡顿位置，最后根据卡顿位置计算得到FPS。

然而，在绘制页面过程中，若代码的逻辑出现问题,例如，嵌套滚动时间处理不流畅，导致前后多帧数据相同，则此时FPS正常，但页面的实际展示仍然呈现卡顿现象；第三种方案中对加载画面进行图像分析、生成结果数据导致人工成本较高，且高速摄像机需要人力支持，导致人力限制收集数据的范围。

发明内容

本公开提供一种页面卡顿确定方法、装置、电子设备及可读存储介质，可以通过页面滚动的加速度确定页面卡顿，由于加速度直接体现页面的滚动速度是否正常，从而有助于避免出现FPS正常，页面卡顿的问题；且，采用计算机实现图像分析生成结果数据，降低了人工成本，扩大了收集数据的范围。

根据本公开的第一方面，提供了一种页面卡顿确定方法，所述方法包括：

监听页面滚动行为；

响应于所述页面滚动行为，按照预设时间间隔获取多个状态数据，所述状态数据包括：滚动时间、滚动距离；

在所述页面滚动行为有效的情况下，根据所述滚动时间、滚动距离生成针对滚动速度的加速度曲线；

根据所述加速度曲线确定页面卡顿位置。

根据本公开的第二方面，提供了一种页面卡顿确定装置，所述装置包括：

加速度变化计算子模块，用于针对所述加速度曲线上相邻两个滚动时间，计算加速度之间的差值；

参考位置确定子模块，用于在所述差值的绝对值大于预设波动阈值的情况下，根据所述相邻两个滚动时间的滚动距离，确定所述相邻两个滚动时间的参考位置，所述参考位置为位于屏幕顶部的点在页面上的位置；

卡顿位置确定子模块，用于确定页面卡顿位置位于所述相邻两个滚动时间的参考位置之间。

根据本公开的第三方面，提供了一种电子设备，包括：

处理器、存储器以及存储在所述存储器上并可在所述处理器上运行的计算机程序，所述处理器执行所述程序时实现前述页面卡顿确定方法。

根据本公开的第四方面，提供了一种可读存储介质，当所述存储介质中的指令由电子设备的处理器执行时，使得电子设备能够执行前述页面卡顿确定方法。

本公开实施例提供了一种页面卡顿确定方法、装置、电子设备及可读存储介质，所述方法包括：监听页面滚动行为；响应于所述页面滚动行为，按照预设时间间隔获取多个状态数据，所述状态数据包括：滚动时间、滚动距离；在所述页面滚动行为有效的情况下，根据所述滚动时间、滚动距离生成针对滚动速度的加速度曲线；根据所述加速度曲线确定页面卡顿位置。可以通过页面滚动的加速度确定页面卡顿，由于加速度直接体现页面的滚动速度是否正常，从而有助于避免出现FPS正常，页面卡顿的问题；且，采用计算机实现图像分析生成结果数据，降低了人工成本，扩大了收集数据的范围。

附图说明

为了更清楚地说明本公开实施例的技术方案，下面将对本公开实施例的描述中所需要使用的附图作简单地介绍，显而易见地，下面描述中的附图仅仅是本公开的一些实施例，对于本领域普通技术人员来讲，在不付出创造性劳动性的前提下，还可以根据这些附图获得其他的附图。

图1是本公开实施例提供的系统架构下的一种页面卡顿确定方法具体步骤流程图；

图2是本公开实施例提供的一种滚动时间、滚动距离的关系曲线示意图；

图3是本公开实施例提供的另一种滚动时间、滚动距离的关系曲线示意图；

图4是本公开实施例提供的系统架构下的另一种页面卡顿确定方法具体步骤流程图；

图5(A、B)分别是本公开实施例提供的一种页面滚动示意图；

图6是本公开实施例提供的一种页面卡顿确定装置的结构图；

图7是本公开实施例提供的另一种页面卡顿确定装置的结构图；

图8是本公开实施例提供的电子设备的结构图。

具体实施方式

下面将结合本公开实施例中的附图，对本公开实施例中的技术方案进行清楚、完整地描述，显然，所描述的实施例是本公开一部分实施例，而不是全部的实施例。基于本公开中的实施例，本领域普通技术人员在没有作出创造性劳动前提下所获得的所有其他实施例，都属于本公开保护的范围。

实施例一

参照图1，其示出了一种页面卡顿确定方法的步骤流程图，包括：

步骤101，监听页面滚动行为。

本公开的实施例可以应用于可以在终端屏幕上滚动展示的页面，包括网页、本地文件页面等。其中，终端包括：手机、平板电脑、计算机等具有屏幕的终端。

具体地，可以通过前端在页面上设置监听事件，用于监听页面滚动行为。

需要说明的是，本公开的实施例可以针对上下滚动、左右滚动、或其他方向的滚动。本发明实施例滚动方向不加以限制。

步骤102，响应于所述页面滚动行为，按照预设时间间隔获取多个状态数据，所述状态数据包括：滚动时间、滚动距离。

其中，预设时间间隔可以根据实际应用场景设定，本公开的实施例对其不加以限制。可以理解，时间间隔越小，获取的状态数据量越多，对于卡顿很短的一瞬间也能检测出，确定的卡顿位置也越准确；时间间隔越大，获取的状态数据量越少，对于卡顿时间很短的情况无法检测出，确定的卡顿位置也越不准确。为了在一定处理能力内，可以设置较小的时间间隔，以提高准确度。可以理解，页面滚动开始至结束通常在秒级别上，从而时间间隔需小于秒，例如可以为毫秒、微秒、纳秒等。

具体地，滚动时间可以以页面开始滚动的时间为起点，每隔一个时间间隔为一个滚动时间，此时，滚动距离为相对于开始滚动时，该页面中同一点在屏幕上展示位置的变化量。例如，时间间隔为10毫秒，则滚动时间为：起始时间后的10毫秒、20毫秒、30毫秒、40毫秒、50毫秒……，滚动距离为：1000、1200、1500、1800、2500……，其中，滚动距离可以为单位尺寸的数目。

在实际应用中，获取状态数据直至页面滚动行为停止。例如，在页面滚动自然停止或用户手动迫使其停止时停止获取状态数据。

步骤103，在所述页面滚动行为有效的情况下，根据所述滚动时间、滚动距离生成针对滚动速度的加速度曲线。

其中，页面滚动行为有效可以通过如下方面确定：页面滚动总时间、页面滚动总距离、页面滚动平均速度、页面滚动曲线方向等。例如，可以将页面滚动总时间较短的页面滚动行为确定为无效滚动，页面滚动总时间较长的页面滚动行为确定为有效滚动；可以将页面滚动总距离较短的页面滚动行为确定为无效滚动，页面滚动总距离较长的页面滚动行为确定为有效滚动；可以将页面滚动平均速度过慢或过快的页面滚动行为确定为无效滚动，页面滚动平均速度适中的页面滚动行为确定为有效滚动。由于过慢或过快的页面滚动行为速度差距较小(均过小或过大)，从而确定卡顿的准确性较差；可以将单一方向的页面滚动行为确定为有效，反复多个方向(例如，开始向上、后来向下)的页面滚动行为无效。

具体地，可以首先根据滚动时间滚动距离计算相邻两个滚动时间点之间的滚动速度，然后计算加速度；也可以调用接口直接根据滚动时间、滚动距离得到加速度曲线。

在实际应用中，页面滚动行为无效的情况下，删除该页面滚动行为对应的状态数据，不生成加速度曲线，既有助于提高数据的可参考性，又有助于增大状态数据库的存储空间。

步骤104，根据所述加速度曲线确定页面卡顿位置。

这里的增加，是中间丢了帧，上一帧本来应该绘制移动的距离，没有在上一帧得到绘制，而是在下一帧的位置，把之前帧移动的距离和当前帧移动的距离一次性渲染出来，得到的数据上，这一帧移动的距离就大了，就出现了不连续的问题

具体地，页面滚动行为符合阻尼运动规律，即：滚动速度最终趋于0，如图2和3所示为两种滚动时间、滚动距离之间的关系曲线，图3中距离的增加比较连续且稳定，靠后的所有时间点上滚动距离趋于不变，滚动速度趋于0；而图2中距离的增加不稳定，靠后的时间点中存在部分点的滚动距离发生跳变，表明出现了丢帧，上一帧对应的滚动距离未在上一时间点绘制，而在该时间点和当前帧的滚动距离一次性绘制，导致滚动距离不连续。

依据上述说明可知，可以采用加速度来确定页面卡顿位置，具体地，针对相邻两个滚动时间点，当加速度变化在一定范围时，说明该相邻滚动时间点之间的滚动速度变化正常；当加速度变化超出一定范围时，说明该相邻滚动时间点之间的滚动速度变化异常，从而确定卡顿位置出现在该相邻滚动时间点之间。

综上所述，本公开实施例提供了一种页面卡顿确定方法，所述方法包括：监听页面滚动行为；响应于所述页面滚动行为，按照预设时间间隔获取多个状态数据，所述状态数据包括：滚动时间、滚动距离；在所述页面滚动行为有效的情况下，根据所述滚动时间、滚动距离生成针对滚动速度的加速度曲线；根据所述加速度曲线确定页面卡顿位置。可以通过页面滚动的加速度确定页面卡顿，由于加速度直接体现页面的滚动速度是否正常，从而有助于避免出现FPS正常，页面卡顿的问题；且，采用计算机实现图像分析生成结果数据，降低了人工成本，扩大了收集数据的范围。

实施例二

本申请实施例从系统架构的层级对可选地页面卡顿确定方法进行了描述。

参照图4，其示出了另一种页面卡顿确定方法的具体步骤流程图。

步骤201，监听页面滚动行为。

该步骤可以参照步骤101的详细说明，在此不再赘述。

步骤202，响应于所述页面滚动行为，按照预设时间间隔调用软件接口获取多个滚动时间对应的滚动距离。

在实际应用中，部分开源软件框架中提供了获取页面在滚动过程中的滚动距离的软件接口，本公开的实施例可以直接调用该接口获取滚动距离，减少开发人员的工作量。

可选地，在本公开的另一种实施例中，步骤202包括子步骤A1至A2：

子步骤A1，以屏幕上的参考位置为基准，按照预设时间间隔获取多个滚动时间在所述参考位置上展示的页面位置。

其中，参考位置可以为屏幕上的任何位置，在本公开的实施例中，参考位置以横坐标和纵坐标表示。通常情况下，为了简单起见，可以将屏幕左上角的位置(0，0)作为参考位置，从而在初始状态下，可以处于该参考位置的页面位置也为左上角(0，0)，此时，对于上下滑动，滚动距离即为在参考位置上展示的页面位置的纵坐标；对于左右滑动，滚动距离即为在参考位置上展示的页面位置的横坐标。

在实际应用中，可以通过软件获取在屏幕指定位置上展示的页面位置。

子步骤A2，根据所述页面位置之间的距离确定滚动距离。

具体地，对于一个滚动时间，可以计算该滚动时间对应的页面位置和页面左上角位置(0，0)的距离，例如，采用欧式距离计算。

本公开的实施例不仅可以直接调用现有的软件接口获取滚动距离，也可以开发人员自己撰写接口实现滚动距离的计算，可以通过各种方式灵活获取滚动距离，使得本公开的实施例适用范围较广。

步骤203，在所述页面滚动行为的起始时间和结束时间之间的差值大于或等于预设滚动时长阈值的情况下，根据所述滚动时间、滚动距离生成针对滚动速度的加速度曲线。

其中，在用户手指离开屏幕时，页面滚动行为的起始时间为手指离开屏幕的时间，结束时间包括滚动自然结束的时间和滚动被迫结束的时间两种。

滚动时长阈值用于筛选有效的页面滚动行为，可以根据实际应用场景和需求确定。可以理解，当滚动时长阈值越大时，有效的页面滚动行为越少；当滚动时长阈值越小时，有效的页面滚动行为越多。

具体地，可以调用计算加速度的通用接口计算得到加速度，得到多个滚动时间点的加速度曲线。

步骤204，针对所述加速度曲线上相邻两个滚动时间，计算加速度之间的差值。

可以理解，差值可以为上一个滚动时间减去后一个滚动时间，也可以为下一个滚动时间减去前一个滚动时间。本公开的实施例对顺序不加以限制。

步骤205，在所述差值的绝对值大于预设波动阈值的情况下，根据所述相邻两个滚动时间的滚动距离，确定所述相邻两个滚动时间的参考位置，所述参考位置为位于屏幕顶部的点在页面上的位置。

其中，波动阈值用于判断加速度的变化值是否过大，可以根据实际应用场景设定，本公开的实施例对其不加以限制。可以理解，波动阈值越大，页面卡顿位置的数目越少，不严重卡顿无法确定；波动阈值越小，页面卡顿位置的数目越多，同时包括不严重卡顿。

如图5(B)所示，b点和c点为相邻两个滚动时间对应的参考位置，即：在如图5(A)的初始状态下，页面的最顶部a点的纵坐标为0，从而滚动距离为3760时，页面上的b点达到屏幕的最顶部，在滚动距离为4000时，页面上的c点达到屏幕的最顶部。

步骤206，确定页面卡顿位置位于所述相邻两个滚动时间的参考位置之间。

具体地，当页面滚动行为的方向为上下滑动时，页面卡顿位置的纵坐标位于相邻两个滚动时间的参考位置的纵坐标之间；当页面滚动行为的方向为左右滑动时，页面卡顿位置的横坐标位于相邻两个滚动时间的参考位置的横坐标之间；当页面滚动行为的方向为其他方向时，页面卡顿位置在该方向上的分量位于相邻两个滚动时间的参考位置在该方向上的分量之间。

需要说明的是，在所述差值的绝对值小于或等于预设波动阈值的情况下，确定该相邻的两个滚动时间之间不存在卡顿，从而继续确定后续相邻的滚动时间是否存在卡顿，若所有的相邻两个滚动时间之间均不存在卡顿，则该页面滚动行为不存在页面卡顿位置。

本公开的实施例可以页面滚动时间过滤掉无效页面滚动行为，提高了状态数据的有效性；此外，还可以根据加速度的波动确定页面卡顿位置，识别结果更加准确。

步骤207，获取页面数据。

其中，页面数据为滚动页面所包含的所有数据，包括展示在屏幕上的部分数据，也包括滚动过程中已经滑出屏幕的部分和未滑入屏幕的部分。

步骤208，生成所述滚动时间、滚动距离的关系曲线。

具体地，可以调用绘制工具接口，将滚动时间作为横坐标、滚动距离作为纵坐标生成关系曲线。

步骤209，将存在页面卡顿位置的所述页面数据、关系曲线按照对应关系保存至日志文件。

本公开的实施例对日志文件的格式不加以限制，可以采用Excel、Word等可以同时存储数字和曲线图片的文件。

在实际应用中，还可以直接调用Excel、Word工具的绘图接口在Excel、Word中绘制关系曲线。

本公开的实施例可以将页面数据和关系曲线按照对应关系保存，以方便后续结合页面数据、关系曲线进行分析，确定卡顿原因。

步骤210，将所述日志文件发送至后端服务器，以辅助进行卡顿原因分析。

其中，后端服务器可以为用于进行页面测试和维护的服务器，开发人员或维护人员可以根据该后端服务器中的页面数据和关系曲线，进行卡顿分析。

例如，如图5(A)所示，页面从下向上滑动，初始状态下，从页面的最顶部开始展示部分页面，其中，a点处于页面最顶部位置，其纵坐标设置为0，结合图2得知，页面中纵坐标为3760(b点)至4000(c点)之间存在卡顿。即：随着页面向上滑动，如图5(B)所示，b点首先滑出屏幕(此时纵坐标为8000的d点滑入屏幕的最底部)，然后b点和c点之间部分逐步滑出屏幕，接着c点滑出屏幕，这个过程中b点和c点之间部分逐步滑出屏幕的过程中出现卡顿。从而维护人员可以重现如图5(B)展示的页面部分，结合代码和分析工具分析b和c点之间的卡顿原因，并修复卡顿问题。

可以理解，图5(A、B)为页面向上滑动的示意图，在实际应用中，向下、左、右或其他方向的滑动原理相同，本公开的实施例对其不加以赘述。

本公开的实施例可以将日志文件发送至后端服务器，避免线上工具定期清空日志文件，导致无法重现卡顿页面、无法定位和解决卡顿问题，且实时的将卡顿问题以日志文件的形式发送至后端服务器，可以有效尽快发现问题，尽快解决卡顿问题。

综上所述，本公开实施例提供了一种页面卡顿确定方法，所述方法包括：监听页面滚动行为；响应于所述页面滚动行为，按照预设时间间隔获取多个状态数据，所述状态数据包括：滚动时间、滚动距离；在所述页面滚动行为有效的情况下，根据所述滚动时间、滚动距离生成针对滚动速度的加速度曲线；根据所述加速度曲线确定页面卡顿位置。可以通过页面滚动的加速度确定页面卡顿，由于加速度直接体现页面的滚动速度是否正常，从而有助于避免出现FPS正常，页面卡顿的问题；且，采用计算机实现图像分析生成结果数据，降低了人工成本，扩大了收集数据的范围。

实施例三

参照图6，其示出了一种页面卡顿确定装置的结构图，具体如下。

滚动行为监听模块301，用于监听页面滚动行为。

状态数据获取模块302，用于响应于所述页面滚动行为，按照预设时间间隔获取多个状态数据，所述状态数据包括：滚动时间、滚动距离。

加速度曲线获取模块303，用于在所述页面滚动行为有效的情况下，根据所述滚动时间、滚动距离生成针对滚动速度的加速度曲线。

卡顿位置确定模块304，用于根据所述加速度曲线确定页面卡顿位置。

综上所述，本公开实施例提供了一种页面卡顿确定装置，所述装置包括：滚动行为监听模块，用于监听页面滚动行为；状态数据获取模块，用于响应于所述页面滚动行为，按照预设时间间隔获取多个状态数据，所述状态数据包括：滚动时间、滚动距离；加速度曲线获取模块，用于在所述页面滚动行为有效的情况下，根据所述滚动时间、滚动距离生成针对滚动速度的加速度曲线；卡顿位置确定模块，用于根据所述加速度曲线确定页面卡顿位置。可以通过页面滚动的加速度确定页面卡顿，由于加速度直接体现页面的滚动速度是否正常，从而有助于避免出现FPS正常，页面卡顿的问题；且，采用计算机实现图像分析生成结果数据，降低了人工成本，扩大了收集数据的范围。

实施例四

参照图7，其示出了另一种页面卡顿确定装置的结构图，具体如下。

滚动行为监听模块401，用于监听页面滚动行为。

状态数据获取模块402，用于响应于所述页面滚动行为，按照预设时间间隔获取多个状态数据，所述状态数据包括：滚动时间、滚动距离；可选地，在本公开的实施例中，所述状态数据获取模块402，包括：

滚动距离获取子模块4021，用于按照预设时间间隔调用软件接口获取多个滚动时间对应的滚动距离。

加速度曲线获取模块403，用于在所述页面滚动行为有效的情况下，根据所述滚动时间、滚动距离生成针对滚动速度的加速度曲线；所述页面滚动行为有效包括：页面滚动行为的起始时间和结束时间之间的差值大于或等于预设滚动时长阈值。

卡顿位置确定模块404，用于根据所述加速度曲线确定页面卡顿位置；在本发明的另一种实施例中，所述卡顿位置确定模块404，包括：

加速度变化计算子模块4041，用于针对所述加速度曲线上相邻两个滚动时间，计算加速度之间的差值。

参考位置确定子模块4042，用于在所述差值的绝对值大于预设波动阈值的情况下，根据所述相邻两个滚动时间的滚动距离，确定所述相邻两个滚动时间的参考位置，所述参考位置为位于屏幕顶部的点在页面上的位置。

卡顿位置确定子模块4043，用于确定页面卡顿位置位于所述相邻两个滚动时间的参考位置之间。

页面数据获取模块405，用于获取页面数据。

关系曲线生成模块406，用于生成所述滚动时间、滚动距离的关系曲线。

日志保存模块407，用于将存在页面卡顿位置的所述页面数据、关系曲线按照对应关系保存至日志文件。

卡顿原因分析模块408，用于将所述日志文件发送至后端服务器，以辅助进行卡顿原因分析。

可选地，在本公开的另一种实施例中，所述滚动距离获取子模块4021，包括：

页面位置确定单元，用于以屏幕上的参考位置为基准，按照预设时间间隔获取多个滚动时间在所述参考位置上展示的页面位置。

滚动距离确定单元，用于根据所述页面位置之间的距离确定滚动距离。

综上所述，本公开实施例提供了一种页面卡顿确定装置，所述装置包括：滚动行为监听模块，用于监听页面滚动行为；状态数据获取模块，用于响应于所述页面滚动行为，按照预设时间间隔获取多个状态数据，所述状态数据包括：滚动时间、滚动距离；加速度曲线获取模块，用于在所述页面滚动行为有效的情况下，根据所述滚动时间、滚动距离生成针对滚动速度的加速度曲线；卡顿位置确定模块，用于根据所述加速度曲线确定页面卡顿位置。可以通过页面滚动的加速度确定页面卡顿，由于加速度直接体现页面的滚动速度是否正常，从而有助于避免出现FPS正常，页面卡顿的问题；且，采用计算机实现图像分析生成结果数据，降低了人工成本，扩大了收集数据的范围。

本公开实施例还提供了一种电子设备，参照图8，包括：处理器501、存储器502以及存储在所述存储器502上并可在所述处理器502上运行的计算机程序5021，所述处理器501执行所述程序时实现前述实施例的页面卡顿确定方法。

本公开实施例还提供了一种可读存储介质，当所述存储介质中的指令由电子设备的处理器执行时，使得电子设备能够执行前述实施例的页面卡顿确定方法。

对于装置实施例而言，由于其与方法实施例基本相似，所以描述的比较简单，相关之处参见方法实施例的部分说明即可。

在此提供的算法和显示不与任何特定计算机、虚拟系统或者其它设备固有相关。各种通用系统也可以与基于在此的示教一起使用。根据上面的描述，构造这类系统所要求的结构是显而易见的。此外，本公开也不针对任何特定编程语言。应当明白，可以利用各种编程语言实现在此描述的本公开的内容，并且上面对特定语言所做的描述是为了披露本公开的最佳实施方式。

在此处所提供的说明书中，说明了大量具体细节。然而，能够理解，本公开的实施例可以在没有这些具体细节的情况下实践。在一些实例中，并未详细示出公知的方法、结构和技术，以便不模糊对本说明书的理解。

类似地，应当理解，为了精简本公开并帮助理解各个发明方面中的一个或多个，在上面对本公开的示例性实施例的描述中，本公开的各个特征有时被一起分组到单个实施例、图、或者对其的描述中。然而，并不应将该公开的方法解释成反映如下意图：即所要求保护的本公开要求比在每个权利要求中所明确记载的特征更多的特征。更确切地说，如下面的权利要求书所反映的那样，发明方面在于少于前面公开的单个实施例的所有特征。因此，遵循具体实施方式的权利要求书由此明确地并入该具体实施方式，其中每个权利要求本身都作为本公开的单独实施例。

本领域那些技术人员可以理解，可以对实施例中的设备中的模块进行自适应性地改变并且把它们设置在与该实施例不同的一个或多个设备中。可以把实施例中的模块或单元或组件组合成一个模块或单元或组件，以及此外可以把它们分成多个子模块或子单元或子组件。除了这样的特征和/或过程或者单元中的至少一些是相互排斥之外，可以采用任何组合对本说明书(包括伴随的权利要求、摘要和附图)中公开的所有特征以及如此公开的任何方法或者设备的所有过程或单元进行组合。除非另外明确陈述，本说明书(包括伴随的权利要求、摘要和附图)中公开的每个特征可以由提供相同、等同或相似目的的替代特征来代替。

本公开的各个部件实施例可以以硬件实现，或者以在一个或者多个处理器上运行的软件模块实现，或者以它们的组合实现。本领域的技术人员应当理解，可以在实践中使用微处理器或者数字信号处理器(DSP)来实现根据本公开实施例的页面卡顿确定设备中的一些或者全部部件的一些或者全部功能。本公开还可以实现为用于执行这里所描述的方法的一部分或者全部的设备或者装置程序。这样的实现本公开的程序可以存储在计算机可读介质上，或者可以具有一个或者多个信号的形式。这样的信号可以从因特网网站上下载得到，或者在载体信号上提供，或者以任何其他形式提供。

应该注意的是上述实施例对本公开进行说明而不是对本公开进行限制，并且本领域技术人员在不脱离所附权利要求的范围的情况下可设计出替换实施例。在权利要求中，不应将位于括号之间的任何参考符号构造成对权利要求的限制。单词“包含”不排除存在未列在权利要求中的元件或步骤。位于元件之前的单词“一”或“一个”不排除存在多个这样的元件。本公开可以借助于包括有若干不同元件的硬件以及借助于适当编程的计算机来实现。在列举了若干装置的单元权利要求中，这些装置中的若干个可以是通过同一个硬件项来具体体现。单词第一、第二、以及第三等的使用不表示任何顺序。可将这些单词解释为名称。

所属领域的技术人员可以清楚地了解到，为描述的方便和简洁，上述描述的系统、装置和单元的具体工作过程，可以参考前述方法实施例中的对应过程，在此不再赘述。

以上所述仅为本公开的较佳实施例而已，并不用以限制本公开，凡在本公开的精神和原则之内所作的任何修改、等同替换和改进等，均应包含在本公开的保护范围之内。

以上所述，仅为本公开的具体实施方式，但本公开的保护范围并不局限于此，任何熟悉本技术领域的技术人员在本公开揭露的技术范围内，可轻易想到变化或替换，都应涵盖在本公开的保护范围之内。因此，本公开的保护范围应以权利要求的保护范围为准。

Claims (10)

1.一种页面卡顿确定方法，其特征在于，所述方法包括：

监听页面滚动行为；

响应于所述页面滚动行为，按照预设时间间隔获取多个状态数据，所述状态数据包括：滚动时间、滚动距离；

在所述页面滚动行为有效的情况下，根据所述滚动时间、滚动距离生成针对滚动速度的加速度曲线；

根据所述加速度曲线确定页面卡顿位置。

2.根据权利要求1所述的方法，其特征在于，所述按照预设时间间隔获取多个状态数据的步骤，包括：

按照预设时间间隔调用软件接口获取多个滚动时间对应的滚动距离。

3.根据权利要求2所述的方法，其特征在于，所述按照预设时间间隔调用软件接口获取多个滚动时间对应的滚动距离的步骤，包括：

以屏幕上的参考位置为基准，按照预设时间间隔获取多个滚动时间在所述参考位置上展示的页面位置；

根据所述页面位置之间的距离确定滚动距离。

4.根据权利要求1所述的方法，其特征在于，所述根据所述加速度曲线确定页面卡顿位置的步骤，包括：

针对所述加速度曲线上相邻两个滚动时间，计算加速度之间的差值；

在所述差值的绝对值大于预设波动阈值的情况下，根据所述相邻两个滚动时间的滚动距离，确定所述相邻两个滚动时间的参考位置，所述参考位置为位于屏幕顶部的点在页面上的位置；

确定页面卡顿位置位于所述相邻两个滚动时间的参考位置之间。

5.根据权利要求1所述的方法，其特征在于，在所述根据所述加速度曲线确定页面卡顿位置的步骤之后，所述方法还包括：

获取页面数据；

生成所述滚动时间、滚动距离的关系曲线；

将存在页面卡顿位置的所述页面数据、关系曲线按照对应关系保存至日志文件。

6.根据权利要求1所述的方法，其特征在于，所述页面滚动行为有效，包括：所述页面滚动行为的起始时间和结束时间之间的差值大于或等于预设滚动时长阈值。

7.根据权利要求5所述的方法，其特征在于，在所述将存在页面卡顿位置的所述页面数据、关系曲线按照对应关系保存至日志文件的步骤之后，所述方法还包括：

将所述日志文件发送至后端服务器，以辅助进行卡顿原因分析。

8.一种页面卡顿确定装置，其特征在于，所述装置包括：

滚动行为监听模块，用于监听页面滚动行为；

状态数据获取模块，用于响应于所述页面滚动行为，按照预设时间间隔获取多个状态数据，所述状态数据包括：滚动时间、滚动距离；

加速度曲线获取模块，用于在所述页面滚动行为有效的情况下，根据所述滚动时间、滚动距离生成针对滚动速度的加速度曲线；

卡顿位置确定模块，用于根据所述加速度曲线确定页面卡顿位置。

9.一种电子设备，其特征在于，包括：

处理器、存储器以及存储在所述存储器上并可在所述处理器上运行的计算机程序，其特征在于，所述处理器执行所述程序时实现如权利要求1-7中一个或多个所述的页面卡顿确定方法。

10.一种可读存储介质，其特征在于，当所述存储介质中的指令由电子设备的处理器执行时，使得电子设备能够执行如方法权利要求1-7中一个或多个所述的页面卡顿确定方法。