CN114064376A - 一种页面监测方法、装置、电子设备及介质 - Google Patents
一种页面监测方法、装置、电子设备及介质 Download PDFInfo
- Publication number
- CN114064376A CN114064376A CN202010746055.2A CN202010746055A CN114064376A CN 114064376 A CN114064376 A CN 114064376A CN 202010746055 A CN202010746055 A CN 202010746055A CN 114064376 A CN114064376 A CN 114064376A
- Authority
- CN
- China
- Prior art keywords
- time
- page
- view component
- consuming data
- monitoring
- 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
Links
- 238000012544 monitoring process Methods 0.000 title claims abstract description 94
- 238000000034 method Methods 0.000 title claims abstract description 61
- 230000002159 abnormal effect Effects 0.000 claims abstract description 17
- 238000012806 monitoring device Methods 0.000 claims abstract description 6
- 238000004590 computer program Methods 0.000 claims description 11
- 238000009877 rendering Methods 0.000 claims description 7
- 238000005259 measurement Methods 0.000 claims description 5
- 238000005457 optimization Methods 0.000 abstract description 12
- 230000000903 blocking effect Effects 0.000 abstract 2
- 230000006870 function Effects 0.000 description 25
- 238000010586 diagram Methods 0.000 description 13
- 230000003287 optical effect Effects 0.000 description 7
- 230000000694 effects Effects 0.000 description 5
- 238000012545 processing Methods 0.000 description 5
- 230000000644 propagated effect Effects 0.000 description 4
- 238000004891 communication Methods 0.000 description 3
- 239000013307 optical fiber Substances 0.000 description 3
- 230000003044 adaptive effect Effects 0.000 description 2
- 230000009286 beneficial effect Effects 0.000 description 2
- 239000004065 semiconductor Substances 0.000 description 2
- 230000006978 adaptation Effects 0.000 description 1
- 238000013459 approach Methods 0.000 description 1
- 238000013500 data storage Methods 0.000 description 1
- 238000011161 development Methods 0.000 description 1
- 238000005516 engineering process Methods 0.000 description 1
- 238000011156 evaluation Methods 0.000 description 1
- 239000004973 liquid crystal related substance Substances 0.000 description 1
- 238000010295 mobile communication Methods 0.000 description 1
- 239000007787 solid Substances 0.000 description 1
- 238000006467 substitution reaction Methods 0.000 description 1
Images
Classifications
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F11/00—Error detection; Error correction; Monitoring
- G06F11/30—Monitoring
- G06F11/3003—Monitoring arrangements specially adapted to the computing system or computing system component being monitored
- G06F11/302—Monitoring arrangements specially adapted to the computing system or computing system component being monitored where the computing system component is a software system
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F11/00—Error detection; Error correction; Monitoring
- G06F11/30—Monitoring
- G06F11/3051—Monitoring arrangements for monitoring the configuration of the computing system or of the computing system component, e.g. monitoring the presence of processing resources, peripherals, I/O links, software programs
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F9/00—Arrangements for program control, e.g. control units
- G06F9/06—Arrangements for program control, e.g. control units using stored programs, i.e. using an internal store of processing equipment to receive or retain programs
- G06F9/44—Arrangements for executing specific programs
- G06F9/451—Execution arrangements for user interfaces
Landscapes
- Engineering & Computer Science (AREA)
- Theoretical Computer Science (AREA)
- Physics & Mathematics (AREA)
- Computing Systems (AREA)
- General Engineering & Computer Science (AREA)
- General Physics & Mathematics (AREA)
- Software Systems (AREA)
- Quality & Reliability (AREA)
- Mathematical Physics (AREA)
- Human Computer Interaction (AREA)
- Debugging And Monitoring (AREA)
Abstract
本公开实施例提供了一种页面监测方法、装置、电子设备及介质，其中，该方法包括：在应用程序运行的情况下，监测应用程序页面的视图组件在各个阶段的耗时数据；将所述耗时数据发送至服务端，所述耗时数据，用于指示服务端基于所述耗时数据对页面性能进行监测。本公开实施例提供的技术方案，了解各个视图组件的耗时情况，从而利于衡量页面性能，便于及时发现异常的视图组件，简单且高效地了解卡顿的具体情况，从而便于进行卡顿优化。
Description
技术领域
本公开实施例涉及计算机技术，尤其涉及一种页面监测方法、装置、电子设备及介质。
背景技术
随着智能手机、平板电脑等电子设备的普及，用户经常采用电子设备上的应用程序浏览页面的内容以获取信息。
在用户在使用应用程序的过程中，页面容易出现卡顿的现象，即用户在使用应用程序过程中，页面卡住不动的现象，这是由于主线程有至少超过16ms的耗时导致页面刷新卡住，从而用户在使用应用程序时，会感觉到明显的停顿感，极大的影响了用户体验。
因此，为了解决上述的问题，开发人员需要对应用程序进行卡顿优化，在进行卡顿优化的时候，很多卡顿是由于应用程序的页面过于复杂导致的，但是通常难以通过简单并且高效的方法去发现卡顿的具体情况，从而对卡顿优化造成影响。
发明内容
本公开实施例提供了一种页面监测方法、装置、电子设备及介质，了解各个视图组件的耗时情况，从而利于衡量页面性能，便于及时发现异常的视图组件，简单且高效地了解卡顿的具体情况，从而便于进行卡顿优化。
第一方面，本公开实施例提供了一种页面监测方法，包括：
在应用程序运行的情况下，监测应用程序页面的视图组件在各个阶段的耗时数据；
将所述耗时数据发送至服务端，所述耗时数据，用于指示服务端基于所述耗时数据对页面性能进行监测。
第二方面，本公开实施例提供了一种页面监测方法，包括：
接收应用程序页面的视图组件在各个阶段的耗时数据；
基于所述耗时数据对页面性能进行监测。
第三方面，本公开实施例提供了一种页面监测装置，包括：
耗时数据监测模块，用于在应用程序运行的情况下，监测应用程序页面的视图组件在各个阶段的耗时数据；
发送模块，用于将所述耗时数据发送至服务端，所述耗时数据，用于指示服务端基于所述耗时数据对页面性能进行监测。
第四方面，本公开实施例提供了一种页面监测装置，包括：
接收模块，用于接收应用程序页面的视图组件在各个阶段的耗时数据；
性能监测模块，用于基于所述耗时数据对页面性能进行监测。
第五方面，本公开实施例公开了一种电子设备，包括：
一个或多个处理器；
存储装置，用于存储一个或多个程序，
当所述一个或多个程序被所述一个或多个处理器执行，使得所述一个或多个处理器实现本公开实施例提供的方法。
第六方面，本公开实施例提供了一种计算机可读介质，其上存储有计算机程序，该程序被处理器执行时实现本公开实施例提供的方法。
本公开实施例提供的技术方案，在应用程序运行的情况下，通过监测应用程序页面的视图组件在各个阶段的耗时数据，并将耗时数据发送至服务端，以使服务端基于该耗时数据对页面性能进行监测，了解各个视图组件的耗时情况，从而利于衡量页面性能，便于及时发现异常的视图组件，简单且高效地了解卡顿的具体情况，从而便于进行卡顿优化。
附图说明
图1是本公开实施例提供的一种页面监测方法流程图；
图2a是本公开实施例提供的一种页面监测方法流程图；
图2b是本公开实施例提供的UI性能监测工具的结构框图；
图3是本公开实施例提供的一种页面监测方法流程图；
图4是本公开实施例提供的一种页面监测方法流程图；
图5是本公开实施例提供的一种页面监测装置结构框图；
图6是本公开实施例提供的一种页面监测装置结构框图；
图7是本公开实施例提供的一种电子设备结构示意图；
图8是本公开实施例提供的一种电子设备结构示意图。
具体实施方式
下面结合附图和实施例对本公开作进一步的详细说明。可以理解的是，此处所描述的具体实施例仅仅用于解释本公开，而非对本公开的限定。另外还需要说明的是，为了便于描述，附图中仅示出了与本公开相关的部分而非全部结构。
在用户在使用应用程序的过程中，页面容易出现卡顿的现象，即用户在使用应用程序过程中，页面卡住不动的现象，这是由于主线程有至少超过16ms的耗时导致页面刷新卡住，从而用户在使用应用程序时，会感觉到明显的停顿感，极大的影响了用户体验。
因此，为了解决上述的问题，开发人员需要对应用程序进行卡顿优化，在进行卡顿优化的时候，很多卡顿是由于应用程序的页面过于复杂导致的，但是通常难以通过一种简单并且高效的方法去发现卡顿的具体原因。
目前，开发人员一般通过线下日志，或者开发工具提供的辅助插件在线下查看应用程序的页面的层级。但是这种方式只能简单的查看页面的层级，并不能发现具体耗时的视图组件(view组件)。
图1是本公开实施例提供的一种页面监测方法流程图，所述方法可以由监测装置来执行，所述装置可以由软件和/或硬件来执行，所述装置可以配置在应用程序中；其中，应用程序可以配置在智能手机、平板电脑等电子设备中。其中，应用程序可以接入页面(UserInterface，UI)性能监测工具。
可选的，所述方法可以应用于UI性能监测的场景中，可选的，所述方法可以应用于在线上活动的场景中，对UI性能指标进行统计或者对UI性能进行监测的情况；可选的，所述方法可以应用于对应用程序进行卡顿优化的场景中，或者还可以应用于其他适应的场景中。
如图1所示，本公开实施例提供的技术方案包括：
S110：在应用程序运行的情况下，监测应用程序页面的视图组件在各个阶段的耗时数据。
在本公开实施例中，应用程序页面是指应用程序的页面，应用程序页面的视图组件(view组件)可以包括构成应用程序页面的视图组件。具体的，可以包括应用程序中的视图组件以及在应用程序运行过程中创建的视图组件，或者其他与应用程序页面关联的其他视图组件。
在本公开实施例中，应用程序页面的视图组件包括多个视图组件，在应用程序运行的情况下，可以监测各个视图组件在各个阶段的耗时数据；其中，耗时数据是指视图组件在各个阶段所花费的时间。
在本公开实施例中，在应用程序运行的情况下，监测应用程序页面的视图组件的耗时数据开始时间可以是在页面创建时开始监测，直至页面渲染完成时结束，或者也可以至页面销毁时结束，其中，监测耗时数据的结束时间可以根据需要进行配置。
在本公开实施例的一个实施方式中，可选的，所述监测应用程序页面的视图组件在各个阶段的耗时数据，包括：统计所述视图组件分别在渲染、布局以及测量三个阶段的耗时数据。其中，各个视图组件具有统计各个阶段的耗时数据的功能。具有统计各个阶段的耗时数据功能的视图组件可以通过UI性能监测工具将预定义视图组件替换应用程序中的视图组件而得到，或者还可以通过UI性能监测工具将预定义Factory替换应用程序中的Factory，通过替换后的预定义Factory进行创建而得到，或者还可以是通过UI性能监测工具通过其他方式而得到。具体可以详见下述实施例的介绍。
S120：将所述耗时数据发送至服务端，所述耗时数据，用于指示服务端基于所述耗时数据对页面性能进行监测。
在本公开实施例中，各个视图组件可以统计各个阶段的耗时数据，并通过应用程序发送至服务端。其中，耗时数据上报值服务端的时机可以根据需要进行设置，例如，可是页面稳定的时刻，或者可以是页面渲染完成的时刻，或者可以是页面销毁的时刻，或者还可以是其他时刻。服务端接收各个视图组件在各个阶段的耗时数据，可以展示以及统计该耗时数据，可以基于接收到的耗时数据对UI性能进行监测。由此，通过监测各个视图组件在各个阶段的耗时数据，并发送至服务端，通过服务端基于该耗时数据对UI性能进行监测，可以了解各个视图组件的耗时情况，便于及时发现异常的视图组件。
本公开实施例提供的技术方案，在应用程序运行的情况下，通过监测应用程序页面的视图组件在各个阶段的耗时数据，并将耗时数据发送至服务端，以使服务端基于该耗时数据对页面性能进行监测，了解各个视图组件的耗时情况，从而利于衡量页面性能，便于及时发现异常的视图组件，简单且高效地了解卡顿的具体情况，从而便于进行卡顿优化。
图2a是本公开实施例提供的一种页面监测方法流程图，本实施例中，本实施例中的方案可以与上述实施例中的一个或者多个可选方案组合。可选的，在所述监测应用程序页面的视图组件在各个阶段的耗时数据之前包括：
通过页面性能监测工具中的预定义视图组件将所述应用程序中的对应视图组件进行替换；其中，所述预定义视图组件具有统计各个阶段耗时数据的功能；
所述监测视图组件各个阶段的耗时数据，包括：
通过页面性能监测工具中的预定义Factory将所述应用程序中的Factory进行替换，通过替换后的预定义Factory创建具有统计各个阶段耗时数据功能的视图组件；
统计替换后的所述预定义Factory创建的视图组件在各个阶段的耗时数据以及统计替换后的所述预定义视图组件在各个阶段的耗时数据。
如图2a所示，本公开实施例提供的技术方案包括：
S210：通过页面性能监测工具中的预定义视图组件将所述应用程序中的对应视图组件进行替换；其中，所述预定义视图组件具有统计各个阶段耗时数据的功能。
在本公开实施例中，UI性能监测工具可以是应用于安卓(Android)系统中的工具，UI性能监测工具可以接入应用程序，可以属于应用程序的一部分。
在本公开实施例中，UI性能监测工具中包括多个不同的预定义视图组件。其中，预定义视图组件具有包含具有统计功能的代码程序，可以具有统计视图组件在各个阶段耗时数据的功能。
在本公开实施例的一个实施方式中，可选的，如图2b所示，UI性能监测工具可以包括字节码替换模块201、Factory替换模块202和自定义视图组件模块203；其中，字节码替换模块201，用于通过字节码工具在应用程序中查找符合设定条件的视图组件，并替换成预定义视图组件；Factory替换模块202，用于在应用程序运行的情况下，将应用程序中的Factory替换成预定义Factory；自定义视图组件模块203，用于预定义具有统计各个阶段耗时数据的视图组件。
在本公开实施例的一个实施方式中，可选的，所述通过页面性能监测工具中的预定义视图组件将所述应用程序中的对应视图组件进行替换，包括：通过页面性能监测工具中的字节码工具查找所述应用程序中符合设定条件的视图组件，并替换成对应的预定义视图组件。其中，UI性能监测工具可以采用X2C，或者类X2C等框架；其中，X2C是将xml文件转换成字节码的工具，X2C可以将xml布局文件转换成字节码，通过字节码工具在编译器中查找应用程序中具有符合设定条件的视图组件，并替换成对应的预定义视图组件。。
其中，符合设定条件的视图组件可以是具有设定功能的视图组件，或者其他符合设定条件的视图组件，具体的，符合设定条件的视图组件可以是new XXView和extendsXXView，或者还可以是其他视图组件。其中，new XXView，可以是具有动态创建功能的视图组件；extends XXView可以是继承某种视图组件；需要说明的是，通过字节码工具在应用程序中查到的视图组件可以根据需求进行设定。
S220：在应用程序运行的情况下，通过页面性能监测工具中的预定义Factory将所述应用程序中的Factory进行替换，通过替换后的预定义Factory创建具有统计各个阶段耗时数据功能的视图组件。
在本公开实施例中，在应用程序运行的情况下，可以通过LayoutInflate中的Factory基于与生成应用程序的页面相关的布局文件创建视图组件，其中，布局文件可以是xml布局文件。其中，创建的视图组件可以是构成页面的其中一个视图组件。因此，可以在页面性能监测工具中设置预定义Factory，该预定义Factory可以根据设置的规则创建具有统计各个阶段耗时数据功能的视图组件。
在本公开实施例中，在应用程序运行的情况下，通过预定义Factory将应用程序中的Factory进行替换，通过替换后的预定义Factory根据设置的规则创建具有统计各个阶段耗时数据功能的视图组件，从而可以实现统计耗时数据目的。其中，各个阶段的耗时数据可以包括渲染，布局以及测量三个阶段的耗时数据。
S230：统计替换后的所述预定义Factory创建的视图组件在各个阶段的耗时数据以及统计替换后的所述预定义视图组件在各个阶段的耗时数据。
在本公开实施例中，在应用程序运行的情况下，统计替换后的预定义Factory创建的视图组件在各个阶段的耗时数据，以及统计替换后的预定义视图组件在各个阶段的耗时数据。
S240：将所述耗时数据发送至服务端，所述耗时数据，用于指示服务端基于所述耗时数据对页面性能进行监测。
需要说明的是，本公开实施例实例性的将“统计替换后的预定义视图组件在各个阶段的耗时数据”步骤在“通过页面性能监测工具中的预定义Factory将所述应用程序中的Factory进行替换，通过替换后的预定义Factory创建具有统计各个阶段耗时数据功能的视图组件”之后执行；这仅仅是本公开的一种示例，在本公开实施例的其他实施方式中，可以根据实际情况变化执行顺序，本公开实施例并不作限制，例如，可以“将统计替换后的预定义视图组件在各个阶段的耗时数据”步骤在“通过页面性能监测工具中的预定义Factory将所述应用程序中的Factory进行替换，通过替换后的预定义Factory创建具有统计各个阶段耗时数据功能的视图组件”之前执行，或者同时执行等。
由此，本公开实施例通过UI性能监测工具中的预定义组件将应用程序中的对应组件进行替换，在应用程序运行的情况下，通过UI性能监测工具中的预定义Factory将应用程序中的Factory进行替换，通过替换后的预定义Factory创建具有统计各个阶段耗时数据功能的视图组件，统计各个视图组件在各个阶段的耗时数据以及上报给服务端，可以使服务端监测各个视图组件的耗时数据，可以为后续的操作提供数据支持，可以使服务端基于耗时数据进行UI性能的评估，可以使服务端或者开发人员了解各个视图组件的耗时情况以便于发现异常的视图组件，从而为卡顿优化提供便利。
图3是本公开实施例提供的一种页面监测方法流程图，所述方法可以由监测装置来执行，所述装置可以由软件和/或硬件来执行，所述装置可以配置在服务端。所述方法可以应用于UI性能监测的场景中，可选的，所述方法可以应用于在线上活动的场景中，对UI性能指标进行统计或者对UI性能进行监测的情况；可选的，所述方法可以应用于对应用程序进行卡顿优化的场景中，或者还可以应用于其他适应的场景中。
如图3所示，本公开实施例提供的技术方案包括：
S310：接收应用程序页面的视图组件在各个阶段的耗时数据。
在本公开实施例中，服务端接收应用程序的页面的各个视图组件在各个阶段的耗时数据，具体的，服务端接收应用程序页面的各个视图组件在渲染、布局以及测量三个阶段的整体耗时数据。
S320：基于所述耗时数据对页面性能进行监测。
本公开实施例提供的技术方案，服务端可以展示以及统计各个视图组件在各个阶段的耗时数据，可以基于接收到的耗时数据对UI性能进行监测，从而实现对UI性能的评估，可以了解各个视图组件的耗时情况，便于及时发现异常的视图组件。
在本公开实施例的一个实施方式中，若在应用程序的页面展示线上活动页面场景中，服务端可以基于各个视图组件在各个阶段的耗时数据确定线上活动导致的异常视图组件，从而方便开发人员及时发现线上活动导致的UI问题。
本公开实施例提供的技术方案，通过服务端接收应用程序页面的视图组件在各个阶段的耗时数据，并基于该耗时数据对页面性能进行监测，可以使服务端或者开发人员了解各个视图组件的耗时情况，便于及时发现异常的视图组件，从而为卡顿优化提供便利。
在上述实施例的基础上，本公开实施例提供的方法还可以包括：若基于所述耗时数据判断目标视图组件出现异常，进行报警。具体的，若服务端判断某个视图组件的在某个阶段的耗时数据大于设定时间，则判断该目标视图组件出现异常，或者页面性能异常，可以进行线上报警，以使开发人员进行及时处理。其中，线上报警的形式并不作限制。
在上述实施例的基础上，本公开实施例提供的方法还可以包括：若基于所述耗时数据判断目标视图组件出现异常，对所述目标视图组件进行标识。具体的，若服务端判断目标视图组件在某个阶段的耗时数据大于设定时间，判断目标视图组件出现异常，对目标视图组件进行标识，可以方便开发人员及时找到异常的视图组件以便于进行优化，其中，标识的方式并不作限定。
图4是本公开实施例提供的一种页面监测方法流程图，如图4所示，在本实施例中，本公开实施例提供的技术方案包括：
S410：在应用程序运行的情况下，监测应用程序页面的视图组件在各个阶段的耗时数据。
S420：应用程序将所述耗时数据发送至服务端。
S430：服务端接收应用程序页面的视图组件在各个阶段的耗时数据。
S440：服务端基于所述耗时数据对页面的性能进行监测。
其中，S410-S440相关步骤的介绍可以参考上述实施例，不再累述。
图5是本公开实施例提供的一种页面监测装置结构框图，所述装置可以配置在应用程序中，如图5所示，所述装置可以包括：耗时数据监测模块510和发送模块520。
其中，耗时数据监测模块510，用于在应用程序运行的情况下，监测应用程序页面的视图组件在各个阶段的耗时数据；
发送模块520，用于将所述耗时数据发送至服务端，所述耗时数据，用于指示服务端基于所述耗时数据对页面性能进行监测。
可选的，耗时数据监测模块510，用于统计所述视图组件分别在渲染、布局以及测量三个阶段的耗时数据。
可选的，在所述监测应用程序页面的视图组件在各个阶段的耗时数据之前，还包括：
替换模块，用于通过页面性能监测工具中的预定义视图组件将所述应用程序中的对应视图组件进行替换；其中，所述预定义视图组件具有统计各个阶段耗时数据的功能；
耗时数据监测模块510，用于：
通过页面性能监测工具中的预定义Factory将所述应用程序中的Factory进行替换，通过替换后的预定义Factory创建具有统计各个阶段耗时数据功能的视图组件；
统计替换后的所述预定义Factory创建的视图组件在各个阶段的耗时数据以及统计替换后的所述预定义视图组件在各个阶段的耗时数据。
可选的，所述通过页面性能监测工具中的预定义视图组件将所述应用程序中的对应视图组件进行替换，包括：
通过页面性能监测工具中的字节码工具查找所述应用程序中具有设定功能的视图组件，并替换成对应的预定义视图组件。
上述装置可执行本公开任意实施例所提供的方法，具备执行方法相应的功能模块和有益效果。
图6是本公开实施例提供的一种页面监测装置结构框图，所述装置可以配置在服务端，如图6所示，所述装置包括接收模块610和性能监测模块620。
其中，接收模块610，用于接收应用程序页面的视图组件在各个阶段的耗时数据；
性能监测模块620，用于基于所述耗时数据对页面性能进行监测。
可选的，所述装置还包括：报警/标识模块，用于若基于所述耗时数据判断目标视图组件出现异常，进行报警以及将所述目标视图组件进行标识。
上述装置可执行本公开任意实施例所提供的方法，具备执行方法相应的功能模块和有益效果。
下面参考图7，其示出了适于用来实现本公开实施例的电子设备(例如终端设备)400的结构示意图。本公开实施例中的终端设备可以包括但不限于诸如移动电话、笔记本电脑、数字广播接收器、PDA(个人数字助理)、PAD(平板电脑)、PMP(便携式多媒体播放器)、车载终端(例如车载导航终端)等等的移动终端以及诸如数字TV、台式计算机等等的固定终端。图7示出的电子设备仅仅是一个示例，不应对本公开实施例的功能和使用范围带来任何限制。
如图7所示，电子设备400可以包括处理装置(例如中央处理器、图形处理器等)401，其可以根据存储在只读存储器(ROM)402中的程序或者从存储装置408加载到随机访问存储器(RAM)403中的程序而执行各种适当的动作和处理。在RAM 403中，还存储有电子设备400操作所需的各种程序和数据。处理装置401、ROM 402以及RAM 403通过总线404彼此相连。输入/输出(I/O)接口405也连接至总线404。
通常，以下装置可以连接至I/O接口405：包括例如触摸屏、触摸板、键盘、鼠标、摄像头、麦克风、加速度计、陀螺仪等的输入装置406；包括例如液晶显示器(LCD)、扬声器、振动器等的输出装置407；包括例如磁带、硬盘等的存储装置408；以及通信装置409。通信装置409可以允许电子设备400与其他设备进行无线或有线通信以交换数据。虽然图7示出了具有各种装置的电子设备400，但是应理解的是，并不要求实施或具备所有示出的装置。可以替代地实施或具备更多或更少的装置。
特别地，根据本公开的实施例，上文参考流程图描述的过程可以被实现为计算机软件程序。例如，本公开的实施例包括一种计算机程序产品，其包括承载在计算机可读介质上的计算机程序，该计算机程序包含用于执行流程图所示的方法的程序代码。在这样的实施例中，该计算机程序可以通过通信装置409从网络上被下载和安装，或者从存储装置408被安装，或者从ROM 402被安装。在该计算机程序被处理装置401执行时，执行本公开实施例的方法中限定的上述功能。
需要说明的是，本公开上述的计算机可读介质可以是计算机可读信号介质或者计算机可读存储介质或者是上述两者的任意组合。计算机可读存储介质例如可以是——但不限于——电、磁、光、电磁、红外线、或半导体的系统、装置或器件，或者任意以上的组合。计算机可读存储介质的更具体的例子可以包括但不限于：具有一个或多个导线的电连接、便携式计算机磁盘、硬盘、随机访问存储器(RAM)、只读存储器(ROM)、可擦式可编程只读存储器(EPROM或闪存)、光纤、便携式紧凑磁盘只读存储器(CD-ROM)、光存储器件、磁存储器件、或者上述的任意合适的组合。
在本公开中，计算机可读存储介质可以是任何包含或存储程序的有形介质，该程序可以被指令执行系统、装置或者器件使用或者与其结合使用。而在本公开中，计算机可读信号介质可以包括在基带中或者作为载波一部分传播的数据信号，其中承载了计算机可读的程序代码。这种传播的数据信号可以采用多种形式，包括但不限于电磁信号、光信号或上述的任意合适的组合。计算机可读信号介质还可以是计算机可读存储介质以外的任何计算机可读介质，该计算机可读信号介质可以发送、传播或者传输用于由指令执行系统、装置或者器件使用或者与其结合使用的程序。计算机可读介质上包含的程序代码可以用任何适当的介质传输，包括但不限于：电线、光缆、RF(射频)等等，或者上述的任意合适的组合。
上述计算机可读介质可以是上述电子设备中所包含的；也可以是单独存在，而未装配入该电子设备中。
上述计算机可读介质承载有一个或者多个程序，当上述一个或者多个程序被该电子设备执行时，使得该电子设备：
在应用程序运行的情况下，监测应用程序页面的视图组件在各个阶段的耗时数据；
将所述耗时数据发送至服务端，所述耗时数据，用于指示服务端基于所述耗时数据对页面性能进行监测。可以以一种或多种程序设计语言或其组合来编写用于执行本公开的操作的计算机程序代码，上述程序设计语言包括面向对象的程序设计语言—诸如Java、Smalltalk、C++，还包括常规的过程式程序设计语言—诸如“C”语言或类似的程序设计语言。程序代码可以完全地在用户计算机上执行、部分地在用户计算机上执行、作为一个独立的软件包执行、部分在用户计算机上部分在远程计算机上执行、或者完全在远程计算机或服务器上执行。在涉及远程计算机的情形中，远程计算机可以通过任意种类的网络——包括局域网(LAN)或广域网(WAN)—连接到用户计算机，或者，可以连接到外部计算机(例如利用因特网服务提供商来通过因特网连接)。
附图中的流程图和框图，图示了按照本公开各种实施例的方法和计算机程序产品的可能实现的体系架构、功能和操作。在这点上，流程图或框图中的每个方框可以代表一个模块、程序段、或代码的一部分，该模块、程序段、或代码的一部分包含一个或多个用于实现规定的逻辑功能的可执行指令。也应当注意，在有些作为替换的实现中，方框中所标注的功能也可以以不同于附图中所标注的顺序发生。例如，两个接连地表示的方框实际上可以基本并行地执行，它们有时也可以按相反的顺序执行，这依所涉及的功能而定。也要注意的是，框图和/或流程图中的每个方框、以及框图和/或流程图中的方框的组合，可以用执行规定的功能或操作的专用的基于硬件的系统来实现，或者可以用专用硬件与计算机指令的组合来实现。描述于本公开实施例中所涉及到的模块、单元可以通过软件的方式实现，也可以通过硬件的方式来实现。其中，模块、单元的名称在某种情况下并不构成对该模块或单元本身的限定。
图8是本公开实施例提供的一种电子设备结构示意图，如图8所示，该设备包括：
一个或多个处理器810，图8中以一个处理器810为例；
存储器820；
所述设备还可以包括：输入装置830和输出装置840。
所述设备中的处理器810、存储器820、输入装置830和输出装置840可以通过总线或者其他方式连接，图8中以通过总线连接为例。
存储器820作为一种非暂态计算机可读存储介质，可用于存储软件程序、计算机可执行程序以及模块，如本公开实施例中的一种页面监测方法对应的程序指令/模块(例如，附图6所示的接收模块610和性能监测模块620)。处理器810通过运行存储在存储器820中的软件程序、指令以及模块，从而执行计算机设备的各种功能应用以及数据处理，即实现上述方法实施例的一种页面监测方法，即：
接收应用程序页面的视图组件在各个阶段的耗时数据；
基于所述耗时数据对页面性能进行监测。
存储器820可以包括存储程序区和存储数据区，其中，存储程序区可存储操作系统、至少一个功能所需要的应用程序；存储数据区可存储根据计算机设备的使用所创建的数据等。此外，存储器820可以包括高速随机存取存储器，还可以包括非暂态性存储器，例如至少一个磁盘存储器件、闪存器件、或其他非暂态性固态存储器件。在一些实施例中，存储器820可选包括相对于处理器810远程设置的存储器，这些远程存储器可以通过网络连接至终端设备。上述网络的实例包括但不限于互联网、企业内部网、局域网、移动通信网及其组合。
输入装置830可用于接收输入的数字或字符信息，以及产生与计算机设备的用户设置以及功能控制有关的键信号输入。输出装置840可包括输出接口等。
本公开实施例提供了一种计算机可读介质，其上存储有计算机程序，该程序被处理器执行时实现如本公开实施例提供的一种页面监测方法：
接收应用程序页面的视图组件在各个阶段的耗时数据；
基于所述耗时数据对页面性能进行监测。
可以采用一个或多个计算机可读的介质的任意组合。计算机可读介质可以是计算机可读信号介质或者计算机可读存储介质。计算机可读存储介质例如可以是——但不限于——电、磁、光、电磁、红外线、或半导体的系统、装置或器件，或者任意以上的组合。计算机可读存储介质的更具体的例子(非穷举的列表)包括：具有一个或多个导线的电连接、便携式计算机磁盘、硬盘、随机存取存储器(RAM)、只读存储器(ROM)、可擦式可编程只读存储器(EPROM或闪存)、光纤、便携式紧凑磁盘只读存储器(CD-ROM)、光存储器件、磁存储器件、或者上述的任意合适的组合。在本文件中，计算机可读存储介质可以是任何包含或存储程序的有形介质，该程序可以被指令执行系统、装置或者器件使用或者与其结合使用。
计算机可读的信号介质可以包括在基带中或者作为载波一部分传播的数据信号，其中承载了计算机可读的程序代码。这种传播的数据信号可以采用多种形式，包括——但不限于——电磁信号、光信号或上述的任意合适的组合。计算机可读的信号介质还可以是计算机可读存储介质以外的任何计算机可读介质，该计算机可读介质可以发送、传播或者传输用于由指令执行系统、装置或者器件使用或者与其结合使用的程序。
计算机可读介质上包含的程序代码可以用任何适当的介质传输，包括——但不限于——无线、电线、光缆、RF等等，或者上述的任意合适的组合。
可以以一种或多种程序设计语言或其组合来编写用于执行本公开操作的计算机程序代码，所述程序设计语言包括面向对象的程序设计语言—诸如Java、Smalltalk、C++，还包括常规的过程式程序设计语言—诸如”C”语言或类似的程序设计语言。程序代码可以完全地在用户计算机上执行、部分地在用户计算机上执行、作为一个独立的软件包执行、部分在用户计算机上部分在远程计算机上执行、或者完全在远程计算机或服务器上执行。在涉及远程计算机的情形中，远程计算机可以通过任意种类的网络——包括局域网(LAN)或广域网(WAN)—连接到用户计算机，或者，可以连接到外部计算机(例如利用因特网服务提供商来通过因特网连接)。
注意，上述仅为本公开的较佳实施例及所运用技术原理。本领域技术人员会理解，本公开不限于这里所述的特定实施例，对本领域技术人员来说能够进行各种明显的变化、重新调整和替代而不会脱离本公开的保护范围。因此，虽然通过以上实施例对本公开进行了较为详细的说明，但是本公开不仅仅限于以上实施例，在不脱离本公开构思的情况下，还可以包括更多其他等效实施例，而本公开的范围由所附的权利要求范围决定。
Claims (11)
1.一种页面监测方法，其特征在于，包括：
在应用程序运行的情况下，监测应用程序页面的视图组件在各个阶段的耗时数据；
将所述耗时数据发送至服务端，所述耗时数据，用于指示所述服务端基于所述耗时数据对页面性能进行监测。
2.根据权利要求1所述的方法，其特征在于，所述监测应用程序页面的视图组件在各个阶段的耗时数据，包括：
统计所述视图组件分别在渲染、布局以及测量三个阶段的耗时数据。
3.根据权利要求1所述的方法，其特征在于，在所述监测应用程序页面的视图组件在各个阶段的耗时数据之前，还包括：
通过页面性能监测工具中的预定义视图组件将所述应用程序中的对应视图组件进行替换；其中，所述预定义视图组件具有统计各个阶段耗时数据的功能。
4.根据权利要求3所述的方法，其特征在于，所述监测应用程序页面各个阶段的耗时数据，包括：
通过页面性能监测工具中的预定义Factory将所述应用程序中的Factory进行替换，通过替换后的预定义Factory创建具有统计各个阶段耗时数据功能的视图组件；
统计替换后的所述预定义Factory创建的视图组件在各个阶段的耗时数据以及统计替换后的所述预定义视图组件在各个阶段的耗时数据。
5.根据权利要求4所述的方法，其特征在于，所述通过页面性能监测工具中的预定义视图组件将所述应用程序中的对应视图组件进行替换，包括：
通过页面性能监测工具中的字节码工具查找所述应用程序中符合设定条件的视图组件，并替换成对应的预定义视图组件。
6.一种页面监测方法，其特征在于，包括：
接收应用程序页面的视图组件在各个阶段的耗时数据；
基于所述耗时数据对页面性能进行监测。
7.根据权利要求1所述的方法，其特征在于，还包括：
若基于所述耗时数据判断目标视图组件出现异常，进行报警以及将所述目标视图组件进行标识。
8.一种页面监测装置，其特征在于，包括：
耗时数据监测模块，用于在应用程序运行的情况下，监测应用程序页面的视图组件在各个阶段的耗时数据；
发送模块，用于将所述耗时数据发送至服务端，所述耗时数据，用于指示所述服务端基于所述耗时数据对页面性能进行监测。
9.一种页面监测装置，其特征在于，包括：
接收模块，用于接收应用程序页面的视图组件在各个阶段的耗时数据；
性能监测模块，用于基于所述耗时数据对页面性能进行监测。
10.一种电子设备，其特征在于，包括：
一个或多个处理器；
存储装置，用于存储一个或多个程序，
当所述一个或多个程序被所述一个或多个处理器执行，使得所述一个或多个处理器实现如权利要求1-7任一项所述的方法。
11.一种计算机可读介质，其上存储有计算机程序，其特征在于，该程序被处理器执行时实现如权利要求1-7任一项所述的方法。
Priority Applications (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN202010746055.2A CN114064376A (zh) | 2020-07-29 | 2020-07-29 | 一种页面监测方法、装置、电子设备及介质 |
Applications Claiming Priority (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN202010746055.2A CN114064376A (zh) | 2020-07-29 | 2020-07-29 | 一种页面监测方法、装置、电子设备及介质 |
Publications (1)
| Publication Number | Publication Date |
|---|---|
| CN114064376A true CN114064376A (zh) | 2022-02-18 |
Family
ID=80226832
Family Applications (1)
| Application Number | Title | Priority Date | Filing Date |
|---|---|---|---|
| CN202010746055.2A Pending CN114064376A (zh) | 2020-07-29 | 2020-07-29 | 一种页面监测方法、装置、电子设备及介质 |
Country Status (1)
| Country | Link |
|---|---|
| CN (1) | CN114064376A (zh) |
Cited By (1)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN116991749A (zh) * | 2023-09-28 | 2023-11-03 | 厦门她趣信息技术有限公司 | 一种视图渲染问题排查方法、系统、设备及存储介质 |
Citations (14)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| US20140130053A1 (en) * | 2012-08-14 | 2014-05-08 | Tencent Technology (Shenzhen) Company Limited | Data processing method, apparatus and mobile terminal |
| US20140324862A1 (en) * | 2013-04-30 | 2014-10-30 | Splunk Inc. | Correlation for user-selected time ranges of values for performance metrics of components in an information-technology environment with log data from that information-technology environment |
| WO2016039717A1 (en) * | 2014-09-08 | 2016-03-17 | Hewlett Packard Enterprise Development Lp | User interface components load time visualization |
| US20160274990A1 (en) * | 2015-03-16 | 2016-09-22 | Ca, Inc. | Application performance monitoring using evolving functions |
| US9483449B1 (en) * | 2010-07-30 | 2016-11-01 | Amazon Technologies, Inc. | Optimizing page output through run-time reordering of page content |
| CN106502902A (zh) * | 2016-10-25 | 2017-03-15 | 中国工商银行股份有限公司 | web页面运行效率监测方法及装置 |
| CN107273278A (zh) * | 2017-06-02 | 2017-10-20 | 广东欧珀移动通信有限公司 | 卡顿确定方法、装置及终端 |
| CN108733445A (zh) * | 2018-05-17 | 2018-11-02 | 北京五八信息技术有限公司 | 一种视图管理方法、装置、设备及计算机可读存储介质 |
| CN109324977A (zh) * | 2018-10-31 | 2019-02-12 | 北京微播视界科技有限公司 | 应用程序卡顿的检测方法、装置及电子设备 |
| CN109902011A (zh) * | 2019-02-28 | 2019-06-18 | 深圳乐信软件技术有限公司 | 一种软件卡顿监测方法、装置、设备和存储介质 |
| CN110502416A (zh) * | 2018-05-16 | 2019-11-26 | 腾讯科技（上海）有限公司 | 应用卡顿检测方法、装置、计算机设备及可读介质 |
| US20200026400A1 (en) * | 2018-07-19 | 2020-01-23 | Google Llc | Adjusting user interface for touchscreen and mouse/keyboard environments |
| CN111008050A (zh) * | 2019-12-06 | 2020-04-14 | 北京小米移动软件有限公司 | 页面任务执行方法、装置、终端及存储介质 |
| US20200159866A1 (en) * | 2018-11-19 | 2020-05-21 | International Business Machines Corporation | Perceived Web Page Loading Time |
-
2020
- 2020-07-29 CN CN202010746055.2A patent/CN114064376A/zh active Pending
Patent Citations (14)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| US9483449B1 (en) * | 2010-07-30 | 2016-11-01 | Amazon Technologies, Inc. | Optimizing page output through run-time reordering of page content |
| US20140130053A1 (en) * | 2012-08-14 | 2014-05-08 | Tencent Technology (Shenzhen) Company Limited | Data processing method, apparatus and mobile terminal |
| US20140324862A1 (en) * | 2013-04-30 | 2014-10-30 | Splunk Inc. | Correlation for user-selected time ranges of values for performance metrics of components in an information-technology environment with log data from that information-technology environment |
| WO2016039717A1 (en) * | 2014-09-08 | 2016-03-17 | Hewlett Packard Enterprise Development Lp | User interface components load time visualization |
| US20160274990A1 (en) * | 2015-03-16 | 2016-09-22 | Ca, Inc. | Application performance monitoring using evolving functions |
| CN106502902A (zh) * | 2016-10-25 | 2017-03-15 | 中国工商银行股份有限公司 | web页面运行效率监测方法及装置 |
| CN107273278A (zh) * | 2017-06-02 | 2017-10-20 | 广东欧珀移动通信有限公司 | 卡顿确定方法、装置及终端 |
| CN110502416A (zh) * | 2018-05-16 | 2019-11-26 | 腾讯科技（上海）有限公司 | 应用卡顿检测方法、装置、计算机设备及可读介质 |
| CN108733445A (zh) * | 2018-05-17 | 2018-11-02 | 北京五八信息技术有限公司 | 一种视图管理方法、装置、设备及计算机可读存储介质 |
| US20200026400A1 (en) * | 2018-07-19 | 2020-01-23 | Google Llc | Adjusting user interface for touchscreen and mouse/keyboard environments |
| CN109324977A (zh) * | 2018-10-31 | 2019-02-12 | 北京微播视界科技有限公司 | 应用程序卡顿的检测方法、装置及电子设备 |
| US20200159866A1 (en) * | 2018-11-19 | 2020-05-21 | International Business Machines Corporation | Perceived Web Page Loading Time |
| CN109902011A (zh) * | 2019-02-28 | 2019-06-18 | 深圳乐信软件技术有限公司 | 一种软件卡顿监测方法、装置、设备和存储介质 |
| CN111008050A (zh) * | 2019-12-06 | 2020-04-14 | 北京小米移动软件有限公司 | 页面任务执行方法、装置、终端及存储介质 |
Cited By (2)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN116991749A (zh) * | 2023-09-28 | 2023-11-03 | 厦门她趣信息技术有限公司 | 一种视图渲染问题排查方法、系统、设备及存储介质 |
| CN116991749B (zh) * | 2023-09-28 | 2024-01-16 | 厦门她趣信息技术有限公司 | 一种视图渲染问题排查方法、系统、设备及存储介质 |
Similar Documents
| Publication | Publication Date | Title |
|---|---|---|
| CN109582310B (zh) | 数据处理方法、装置、电子设备及计算机可读存储介质 | |
| CN111367516B (zh) | 应用界面生成方法、装置及电子设备 | |
| CN111611145B (zh) | 崩溃信息收集方法、装置、存储介质及电子设备 | |
| CN111198859B (zh) | 数据处理方法、装置、电子设备及计算机可读存储介质 | |
| CN110390493B (zh) | 任务管理方法、装置、存储介质及电子设备 | |
| CN112684968A (zh) | 页面展示方法、装置、电子设备和计算机可读介质 | |
| CN107948437B (zh) | 熄屏显示方法和装置 | |
| US11934287B2 (en) | Method, electronic device and computer program product for processing data | |
| CN109408481B (zh) | 日志采集规则的更新方法、装置、电子设备及可读介质 | |
| CN110781373A (zh) | 榜单更新方法、装置、可读介质和电子设备 | |
| CN111813465B (zh) | 一种信息获取方法、装置、介质和设备 | |
| CN111857720B (zh) | 用户界面状态信息的生成方法、装置、电子设备及介质 | |
| CN109902726B (zh) | 简历信息处理方法及装置 | |
| CN114064376A (zh) | 一种页面监测方法、装置、电子设备及介质 | |
| CN112558933A (zh) | 组件渲染方法、装置、可读介质及电子设备 | |
| CN111274104B (zh) | 数据处理方法、装置、电子设备及计算机可读存储介质 | |
| CN106933449B (zh) | 图标处理方法和装置 | |
| CN112203103B (zh) | 消息处理方法、装置、电子设备及计算机可读存储介质 | |
| CN111309323B (zh) | 参数初始化方法、装置和电子设备 | |
| CN113448585B (zh) | 一种线程池的编译方法、装置、电子设备和存储介质 | |
| CN111460020B (zh) | 用于解析消息的方法、装置、电子设备和介质 | |
| CN111984496B (zh) | 一种监控栈内存泄露的方法、装置、介质和电子设备 | |
| CN109857503B (zh) | 页面交互效果自适应方法、装置与电子设备 | |
| CN111381813B (zh) | 前端页面调试方法、装置、计算机设备和存储介质 | |
| CN111382017A (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 |