CN112947969B - 一种页面离屏渲染方法、装置、设备和可读介质 - Google Patents

Abstract

本说明书实施例公开了一种页面离屏渲染方法、装置、设备和可读介质。方案可以包括：获取针对灰度测试页面的离屏渲染指令；响应于所述离屏渲染指令，确定用于显示所述灰度测试页面的页面内容数据的显示位置信息；所述显示位置信息对应的显示坐标位于终端屏幕可视区域对应的坐标区域以外；根据所述显示位置信息，对所述页面内容数据进行离屏渲染。

Description

一种页面离屏渲染方法、装置、设备和可读介质

技术领域

本申请涉及计算机技术领域，尤其涉及一种页面离屏渲染方法、装置、设备和计算机可读介质。

背景技术

随着计算机网络技术的快速发展，终端应用程序的更新与发布处于快速迭代的状态，为了确保发布出的新版本服务的正确率，尽量减少新版本服务可能存在的问题给用户带来不良影响，通常会采用灰度发布的方式来对新发布的服务进行测试调整。

通常，可以采用众测方式进行灰度发布和测试，允许少部分用户提前访问到未对所有用户全量开放的新版本服务，以提前发现可能存在的问题。然而，若待发布的新版本服务的保密性较高或者不便于让用户提前获知服务内容，则无法使用诸如众测的方式来进行灰度发布和测试。

因此，亟需要提供一种用户无感知的用于进行灰度测试的方案。

发明内容

本说明书实施例提供一种页面离屏渲染方法、装置、设备和计算机可读介质，以提供一种用户无感知的用于进行灰度测试的方案。

为解决上述技术问题，本说明书实施例是这样实现的：

本说明书实施例提供的一种页面离屏渲染方法，包括：获取针对灰度测试页面的离屏渲染指令；响应于所述离屏渲染指令，确定用于显示所述灰度测试页面的页面内容数据的显示位置信息；所述显示位置信息对应的显示坐标位于终端屏幕可视区域对应的坐标区域以外；根据所述显示位置信息，对所述页面内容数据进行离屏渲染。

本说明书实施例提供的一种页面离屏渲染装置，包括：离屏渲染指令获取模块，用于获取针对灰度测试页面的离屏渲染指令；显示位置信息获取模块，用于响应于所述离屏渲染指令，确定用于显示所述灰度测试页面的页面内容数据的显示位置信息；所述显示位置信息对应的显示坐标位于终端屏幕可视区域对应的坐标区域以外；离屏渲染模块，用于根据所述显示位置信息，对所述页面内容数据进行离屏渲染。

本说明书实施例提供的一种页面离屏渲染设备，包括：

至少一个处理器；以及，

与所述至少一个处理器通信连接的存储器；其中，

所述存储器存储有可被所述至少一个处理器执行的指令，所述指令被所述至少一个处理器执行，以使所述至少一个处理器能够：

获取针对灰度测试页面的离屏渲染指令；响应于所述离屏渲染指令，确定用于显示所述灰度测试页面的页面内容数据的显示位置信息；所述显示位置信息对应的显示坐标位于终端屏幕可视区域对应的坐标区域以外；根据所述显示位置信息，对所述页面内容数据进行离屏渲染。

本说明书实施例提供的一种计算机可读介质，其上存储有计算机可读指令，所述计算机可读指令可被处理器执行以实现一种页面离屏渲染方法。

本说明书一个实施例至少能够达到以下有益效果：通过获取针对灰度测试页面的离屏渲染指令后，确定用于显示所述灰度测试页面的页面内容数据的显示位置信息，根据所述显示位置信息将显示区域移位到终端屏幕可视区域之外后，在离屏的显示区域中渲染页面内容数据，使得，既在用户终端完整实现了灰度测试页面的渲染过程，又不让用户感知到，实现了用户无感知情况下的灰度测试，从而确保新发布的服务全量上线后的稳定性。

附图说明

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

图1为本说明书实施例中页面离屏渲染方法的应用场景的示意图；

图2为本说明书实施例提供的一种页面离屏渲染方法的流程示意图；

图3为本说明书实施例提供的页面离屏渲染方法的原理示意图；

图4为本说明书实施例提供的一种实际应用场景下以H5页面为例的页面离屏渲染方案的流程示意图；

图5为本说明书实施例提供的一种实际应用场景下以小程序页面为例的页面离屏渲染方案的流程示意图；

图6是本说明书实施例提供的一种页面离屏渲染装置的示意图；

图7是本说明书实施例提供的一种页面离屏渲染设备的示意图。

具体实施方式

为使本说明书一个或多个实施例的目的、技术方案和优点更加清楚，下面将结合本说明书具体实施例及相应的附图对本说明书一个或多个实施例的技术方案进行清楚、完整地描述。显然，所描述的实施例仅是本说明书的一部分实施例，而不是全部的实施例。基于本说明书中的实施例，本领域普通技术人员在没有做出创造性劳动前提下所获得的所有其他实施例，都属于本说明书一个或多个实施例保护的范围。

应当理解，尽管在本申请文件中可能采用术语第一、第二、第三等来描述各种信息，但这些信息不应限于这些术语。这些术语仅用来将同一类型的信息彼此区分开。

灰度测试，指的是在某项产品或应用正式发布前，选择部分特定人群进行试用，然后逐步扩大试用者数量，以便及时发现和纠正新发布的产品或应用中的问题。

现有技术中，通常可以采用众测方式来进行灰度测试，即允许少部分用户提前访问到未对所有用户全量开放的新版本服务，以提前发现可能存在的问题。采用众测方式来进行灰度测试对用户来说是有感知的，因此，对于一些保密性较高的场景，这种灰度测试方式因存在会泄漏机密的问题而无法采用。在实际应用时，在不便采用众测方式来对保密性较高场景进行灰度测试的情况下，很多新发布服务未经灰度测试就全量放开，容易造成了大量的线上故障。

为了解决现有技术中的缺陷，在本说明书实施例中提供了一种页面离屏渲染方案，在用户终端上对新发布的服务对应的页面进行灰度测试，在确保用户无感知的情况下，实现了在用户终端上对测试页面的渲染测试，真实模拟测试页面在用户终端上的表现情况，进而能够确保新发布的服务全量上线时的稳定性。

图1为本说明书实施例中页面离屏渲染方法的应用场景的示意图。如图1所示，当需要针对新发布的服务进行灰度测试时，第一服务器101可以根据灰度测试规则向用户终端102下发针对新发布的服务的灰度测试任务，具体地，下发页面离屏渲染任务；用户终端102接收到页面离屏渲染任务后，执行灰度测试页面的离屏渲染并获取渲染过程中的灰度测试指标信息；用户终端102进而将灰度测试指标信息发送至第二服务器103，以供第二服务器103基于所述灰度测试指标信息来确定针对新发布的服务的灰度测试结果。

尽管，在图1中将用于下发灰度测试任务的第一服务器101与用于分析灰度测试结果的第二服务器103设置为不同的服务器，但是在实际应用中，第一服务器101和第二服务器103可以是同一服务器。此外，在本说明书实施例中，服务器是从功能角度进行的描述，服务器具体可以指一台设备或多台设备构成的服务器集群，服务器的具体实现方式不被具体限定。

接下来，将针对说明书实施例提供的一种页面离屏渲染方法结合附图进行具体说明。

图2为本说明书实施例提供的一种页面离屏渲染方法的流程示意图。从程序角度而言，流程的执行主体可以为搭载于用户终端的程序。

在本说明书实施例中，对用户终端的设备类型不进行具体限定，例如，用户终端设备可以包括但不限于智能手机、平板电脑、电子书阅读器、MP3播放器、MP4播放器、膝上型便携计算机和台式计算机等。在用户终端设备上可以安装有各种客户端应用，例如视频播放类应用、搜索引擎类应用、购物类应用、即时通讯应用、邮箱客户端应用等。

如图2所示，页面离屏渲染方法的流程可以包括以下步骤。

步骤202：获取针对灰度测试页面的离屏渲染指令。

灰度测试页面，指的是与新发布的服务对应的页面，新发布的服务可以包括应用程序的版本更新、应用程序中部分功能的新增或改动等。在实际应用时，灰度测试页面可以包括一个或更多个页面。在本说明书实施例中，灰度测试页面可以包括小程序页面、H5页面等，不限于此。

在本说明书实施例中，从功能的角度，离屏渲染指的是在用户无感知的情况下对灰度测试页面进行渲染。从技术实现的角度，离屏渲染指的是在用户终端的屏幕显示区域之外对灰度测试页面进行渲染。使用离屏渲染，用户不会在用户终端上感知到后台对测试页面进行渲染的事件。

在应用程序的使用过程中，当接收到针对目标页面的触发指令后，应用程序可以响应于触发指令来实施对目标页面的渲染。离屏渲染指令，指的是用于指示对灰度测试页面进行离屏渲染的指令。

通常，触发指令可以是基于用户的操作触发的，也可以是基于服务器下发的任务触发的。在本说明书实施例中，由于实施灰度测试的过程是用户无感知的，因此，可以基于服务器下发的任务来触发离屏渲染指令。具体地，可以获取第一服务器根据灰度测试规则下发的页面离屏渲染任务，所述页面离屏渲染任务用于指示渲染灰度测试页面；根据所述页面离屏渲染任务，可以触发所述离屏渲染指令。

在实际应用时，由于离屏渲染事件不会占用用户终端的屏幕显示资源，因此并不会干扰用户对应用程序的正常使用。在此基础上，为了进一步减少离屏渲染过程对用户使用体验的打扰，可以进一步确定触发离屏渲染指令的具体时机：在触发离屏渲染指令前，可以获取应用程序的资源使用状态，并根据所述资源使用状态来确定触发离屏渲染指令的时机。

具体地，若所述资源使用状态表示所述应用程序在处理高资源消耗任务，则推迟触发离屏渲染指令，例如，在用户使用应用程序播放视频文件、进行扫码操作、进行在线视频通话等情况下，则可以推迟触发离屏渲染指令；若所述资源使用状态表示所述应用程序未处理高资源消耗任务，则即时触发离屏渲染指令，例如，在应用程序处于终端后台运行、用户使用应用程序阅读文字等情况下，则可以即时触发离屏渲染指令。基于该方案，可以避免由于离屏渲染事件对用户终端数据处理资源的占用，避免影响用户使用应用程序过程中的资源处理和加载速度，避免影响用户的正常使用体验。

在本说明书实施例中，所述页面离屏渲染方法可以应用于Android操作系统。在Android操作系统中，所述根据所述页面离屏渲染任务，触发所述离屏渲染指令，具体可以包括：根据所述离屏渲染任务，触发针对用于显示所述灰度测试页面的离屏Activity的离屏Activity启动指令；或者，根据所述离屏渲染任务，触发针对用于显示所述页面内容数据的离屏视图的离屏视图创建指令。

步骤204：响应于所述离屏渲染指令，确定用于显示所述灰度测试页面的页面内容数据的显示位置信息；所述显示位置信息对应的显示坐标位于终端屏幕可视区域对应的坐标区域以外。

在可选的实施例中，当需要渲染灰度测试页面的页面内容数据时，可以通过已启动的Activity来实现，具体地，可以在已启动的Activity中创建新的独立视图(View)来呈现页面内容数据，此时，需要将创建的独立视图设置在终端屏幕可视区域之外。例如，当灰度测试页面为H5页面时，可以通过设置离屏的独立视图(View)，来实现灰度测试页面的离屏渲染。

具体地，所述响应于所述离屏渲染指令，确定用于显示所述灰度测试页面的页面内容数据的显示位置信息，具体可以包括：响应于所述离屏渲染指令，在已启动Activity中创建用于显示所述页面内容数据的显示视图；确定所述显示视图的视图位置信息；所述视图位置信息对应的显示坐标位于终端屏幕可视区域对应的坐标区域以外。相应地，所述获取针对灰度测试页面的离屏渲染指令，具体可以包括：根据离屏渲染任务，触发针对用于显示所述页面内容数据的离屏视图的离屏视图创建指令。

在一个具体的示例中，例如，可以通过addContentView函数来创建新的视图。

在可选的实施例中，当需要渲染灰度测试页面的页面内容数据时，可以启动预设的Activity，并在启动的预设Activity的窗口(Window)中呈现页面内容数据，此时，可以将预设Activity的窗口(Window)的位置设置在终端屏幕的可视区域之外。例如，当灰度测试页面为小程序页面时，可以通过设置离屏的窗口(Window)，来实现灰度测试页面的离屏渲染。

具体地，所述响应于所述离屏渲染指令，确定用于显示所述灰度测试页面的页面内容数据的显示位置信息，具体可以包括：响应于所述离屏渲染指令，确定用于显示所述页面内容数据的显示窗口的窗口位置信息；所述显示位置信息对应的显示坐标位于终端屏幕可视区域对应的坐标区域以外。相应地，所述获取针对灰度测试页面的离屏渲染指令，具体可以包括：根据离屏渲染任务，触发针对用于显示所述灰度测试页面的离屏Activity的离屏Activity启动指令。

在本说明书实施例中，在启动离屏Activity的过程中，可以获得传入的Activity设置参数，其中，可以包括显示窗口设置参数。所述显示窗口设置参数至少可以包括窗口位置信息。根据所述窗口位置信息，可以在启动Activity时将窗口位置设置在终端屏幕的可视区域之外。例如，可以将所述显示窗口的位置设置在终端屏幕的左侧、右侧、上侧或下侧，本申请对此不进行具体限定。

在实际应用时，当启动离屏Activity在终端屏幕外实现显示窗口的同时，在终端屏幕内可以显示基于其他Activity实现的对于用户可见的主显示窗口。在本说明书实施例中，所述显示位置信息对应的显示坐标位于终端屏幕可视区域对应的坐标区域以外，具体可以是指，灰度测试页面对应的所述显示窗口与用户终端屏幕中呈现的主显示窗口完全不重合。

为了便于说明，在图3中示出了本说明书实施例提供的页面离屏渲染方法的原理示意图。如图3中所示，用户终端屏幕中呈现的主显示窗口301与灰度测试页面对应的所述显示窗口302(虚线框中的区域)完全不重合。

可选地，显示窗口设置参数中可以不仅包括用于显示所述灰度测试页面的显示窗口的窗口位置信息，还可以包括所述显示窗口的窗口尺寸信息。

在本说明书实施例中，响应于所述离屏渲染指令，可以在onCreate生命周期中，先获取所述显示窗口的窗口位置信息和窗口尺寸信息，将所述显示窗口设置在终端屏幕外侧；然后再获取所述显示窗口的窗口布局信息。

在一个具体的实施例中，可以通过覆写setContentView函数，来预先设置用于获取显示窗口设置参数的函数。

例如，覆写的setContentView函数可以为如下形式：

@Override

public void setContentView(int layoutResID){

setSelfToLeftScreen(this)；

super.setContentView(layoutResID)；

}

在实际应用中，示例性地，可以通过例如setSelfToLeftScreen函数来设置显示窗口设置参数，该显示窗口设置参数中可以包括显示窗口的尺寸以及显示窗口的坐标。在实际应用中，可以根据需要来撰写setSelfToLeftScreen函数。

当调用setSelfToLeftScreen函数时，可以根据setSelfToLeftScreen函数中的预设规则来得到所述显示窗口的窗口位置信息和窗口尺寸信息。所述预设规则可以根据实际需要来设置。

可选地，可以将所述显示窗口的尺寸(所述显示窗口的长和宽)设置为与用户终端的屏幕可视区域的尺寸一致。例如，如图3所示，若用户终端的屏幕可视区域的宽度为w1、高度为h1，则可以将所述显示窗口302的宽度设置为w1，高度设置为h1。

可选地，可以通过设置显示窗口的一个角的坐标来设置显示窗口的坐标。例如，如图3中所示，假设终端屏幕可视区域的左上角的坐标为(0,0)，若将所述显示窗口的位置设置在终端屏幕可视区域的左侧，则所述显示窗口302的左上角的坐标可以设置为(-w1,0)。

需要说明的是，上文的描述以及图3给出的仅是示例，用于获取显示窗口的窗口位置信息和窗口尺寸信息的具体规则可以根据需要来设置。

步骤206：根据所述显示位置信息，对所述页面内容数据进行离屏渲染。

所述对所述页面内容数据进行离屏渲染之前，还可以包括：获取服务器下发的所述灰度测试页面的页面内容数据。可选地，下发所述灰度测试页面的页面内容数据的服务器可以是下发灰度测试任务的第一服务器，也可以是与下发灰度测试任务的第一服务器不同的服务器。

可选地，第一服务器可以同时下发页面离屏渲染任务和页面内容数据。可选地，用户终端可以先获取第一服务器下发的页面离屏渲染任务，当用户终端需要对页面内容数据进行实际渲染时，再从服务器获取该页面内容数据，实际应用时，该方案可以用于对在线页面的渲染。可选地，用户终端可以先从服务器获取页面内容数据并存储到本地，此后当接收到第一服务器下发的页面离屏渲染任务后，从本地加载页面内容数据进行离屏页面渲染，实际应用时，该方案可以用于对页面离线包内容的渲染。

应当理解，本说明书一个或多个实施例所述的方法中，部分步骤的顺序可以根据实际需要调整，或者可以省略部分步骤。

此外，在实际应用时，图2中各个步骤对应的执行硬件可以相同或不同。例如，可以由主控芯片执行步骤202和步骤204，并将显示窗口设置参数和页面内容数据发送至具有图像渲染功能的芯片，以使所述具有图像渲染功能的芯片按照显示窗口设置参数对所述页面数据进行离屏渲染。

图2中的方法，通过获取针对灰度测试页面的离屏渲染指令后，确定用于显示所述灰度测试页面的页面内容数据的显示位置信息，根据显示位置信息(窗口位置信息或视图位置信息)将显示区域(显示窗口或显示视图)移位到终端屏幕可视区域之外后，在离屏的显示区域(显示窗口或显示视图)中渲染页面内容数据，使得，既在用户终端完整实现了页面内容的渲染过程，又不让用户感知到，实现了用户无感知情况下的灰度测试，进而确保新发布的服务全量上线后的稳定性。

在本说明书实施例中，通过创建具有独立的离屏窗口的Activity，或者通过在已启动的Activity中创建独立的离屏视图，可以在离屏渲染过程中发现Activity的一系列的生命周期中各个阶段可能存在的问题。不同于在用户终端内存中进行渲染(不使用Activity)的方式，本说明书实施例提供的基于Activity进行离屏渲染的方式，能够更完整地检测页面的整个生命周期中可能存在的异常情况，获得更全面的灰度测试结果，灰度测试结果的准确性高。

基于图2的方法，本说明书实施例还提供了该方法的一些具体实施方式，下面进行说明。

基于本说明实施例的方案，通过将灰度测试页面对应显示区域(显示窗口或显示视图)的位置设置在用户终端屏幕的可视区域之外，能够实现在用户无感知的情况下的灰度测试。

在实际应用中，用户在使用手机的过程中可能需要旋转手机，例如由竖屏模式切换为横屏模式，此时页面内容需要重新渲染，在这一过程中，为了避免因意外原因导致的离屏显示区域(离屏显示窗口或离屏显示视图)的部分区域非预期地出现在用户终端屏幕的可视区域内，可以将用于呈现灰度测试页面的离屏显示区域设置为透明，由此，即便因意外原因导致离屏显示区域的至少部分区域出现在终端屏幕的可视区域内，依然能够确保用户是无感知的，该灰度测试方案不会打扰到用户。基于该方案，能够进一步提升用户无感知情况下灰度测试方案的稳定性。

当通过离屏窗口实现灰度测试页面的离屏渲染时，可以将离屏窗口设置为透明主题样式。

例如，可以预先定义一种如下的透明主题样式。

<style name＝"Transparent"parent＝"android:Theme">

<itemname＝"android:windowIsTranslucent">true</item>

<item

name＝"android:windowBackground">@android:color/transparent

</item>

<itemname＝"android:windowContentOverlay">@null</item>

<itemname＝"android:colorBackgroundCacheHint">@null

</item>

<itemname＝"android:windowNoTitle">true</item>

<itemname＝"android:backgroundDimEnabled">false</item>

</style>

然后，可以在AndroidManifest文件的Activity标签中采用android:theme＝"@style/Transparent"来应用前述定义的透明主题样式。

在可选的实施例中，还可以获取所述显示窗口的窗口布局信息。相应地，所述根据所述显示位置信息，对所述页面内容数据进行离屏渲染，具体可以包括：根据所述窗口位置信息和所述窗口布局信息，在所述显示窗口中对所述页面内容数据进行离屏渲染。所述获取所述显示窗口的窗口布局信息，具体可以包括：获取所述显示窗口的主题参数；所述主题参数包括将所述显示窗口设置为透明的透明主题参数。

类似地，当通过离屏视图来实现灰度测试页面的离屏渲染时，可以将离屏视图设置为透明主题样式。

在可选的实施例中，所述确定所述显示视图的视图位置信息之后，还可以包括：获取所述显示视图的视图属性信息；所述视图属性信息包括视图透明度参数。相应地，所述根据所述显示位置信息，对所述页面内容数据进行离屏渲染，具体可以包括：根据所述视图位置信息和所述视图属性信息，在所述显示视图中对所述页面内容数据进行离屏渲染。

在本说明书的实施例中，第一服务器向用户终端下发页面离屏渲染任务时，可以是根据灰度测试规则下发的。其中，所述灰度测试规则可以是预先根据灰度测试需求设定的。

具体地，所述灰度测试规则可以包括灰度测试条件和灰度测试内容。其中，灰度测试条件可以包括参与灰度测试的终端设备条件、参与灰度测试的应用版本条件、参与灰度测试的用户条件等。灰度测试内容可以包括灰度测试页面标识等。

在本说明书实施例中，当基于页面离屏渲染来实现灰度测试时，可以无需获取用户的操作信息。为了得到灰度测试结果，可以从用户终端获取灰度测试页面渲染过程中的灰度测试指标信息。

在本说明书实施例中，所述页面离屏渲染方法还可以包括：获取页面离屏渲染过程的灰度测试指标信息；向第二服务器发送所述灰度测试指标信息；所述灰度测试指标信息用于表示所述灰度测试结果是否异常。

具体地，所述灰度测试指标信息可以包括用于表示Activity启动过程中各个生命周期(例如，onCreate、onStart、onResume等生命周期)是否顺利完成的标记信息。

所述灰度测试结果，可以是基于参与灰度测试的多个用户终端发送的灰度测试指标信息统计得到的。可选地，所述灰度测试结果可以包括崩溃率。所述灰度测试结果可以反映诸如闪退等异常问题。

在实际应用中，由于不同用户使用的用户终端的设备型号、终端内存空间大小、终端设备使用状态信息等各方面不同，因此，在软硬件情况各异的用户终端上来进行灰度测试得到的灰度测试结果，可以客观地反映新发布的服务在真实用户终端上的使用情况。

在本说明书实施例中，通过采用页面离屏渲染方案，可以在不让用户感知到的情况下，实现待发布的新页面的灰度渲染测试，提前发现待发布的新页面可能存在的诸如闪退等的异常问题，进而，能够确保新页面全量发布时的页面稳定性。

根据上面的说明，本说明书实施例提供了一种实际应用场景下，以H5页面为例的页面离屏渲染方案，流程示意图如图4所示。

如图4中所示，可以执行如下步骤：

步骤401：应用程序通过H5Activity正常启动H5页面；

步骤402：应用程序获取由离屏灰度服务器依灰度规则下发的页面离屏渲染任务；

步骤403：根据页面离屏渲染任务，向应用程序框架(Framework)发起页面启动指令，例如，针对H5页面的页面启动指令；

步骤404：由应用程序框架指示已启动的H5Activity来启动H5离屏View；

步骤405：在已启动的H5Activity中创建独立View，以用于渲染灰度测试页面；例如，可以通过设置addContentView函数来创建独立View；

步骤406：获取独立View的位置信息，将创建的独立view移动到用户终端屏幕可视区域之外，例如，可以移动到用户终端屏幕可视区域的左侧；例如，可以在addContentView函数中，设置新增的独立View的位置信息；

步骤407：启动容器来加载页面；

步骤408：等待加载完毕，上报日志。

在实际应用中，创建独立的View之前，需要已经启动正常的H5页面，在此基础上，可以在利用正常的H5页面已建立的窗口，新增位于屏幕可视区域之外的独立的View，由此，能够在不便于实施用户可见的灰度测试的情况下，在用户终端的后台进行待测试页面的灰度渲染，能够实现页面完整的生命周期，真实模拟页面在用户设备上的表现情况，以确保全量上线时的稳定性。

对于小程序页面而言，由于小程序页面的进程与宿主应用程序的进程相对独立，通常无法通过在已有的Activity中增加独立View的形式来实现对待测试页面的离屏渲染，因此，需要增设离屏Activity。

本说明书实施例提供了一种实际应用场景下，以小程序页面为例的页面离屏渲染方案，流程示意图如图5所示。

尽管，图5中示出了APP、Framework、Activity原逻辑、Activity事件监听、Activity离屏逻辑多个执行主体，但是这仅为了说明的需要而从程序功能角度进行的拆分，在实际应用时，前述各个主体均位于用户终端中。其中，Activity离屏逻辑是在基础Activity基础上继承得到的，具有透明主题。图5中示出的Activity原逻辑用于执行Activity的原有逻辑，Activity离屏逻辑用于执行Activity的新增逻辑，实际应用时，图5中示出的Activity原逻辑和Activity离屏逻辑共同构成本申请实施例所述的离屏Activity，是在同一个离屏Activity实例中进行调用的。

在图5中，可以执行如下步骤：

步骤501：准备阶段，可以在应用程序框架(Framework)中注册Activity事件监听器，用于监听应用程序框架启动Activity的事件；

步骤502：准备阶段，可以将离屏Activity的主题配置为透明；

步骤503：离屏灰度服务器依据灰度测试规则下发页面离屏渲染任务；

步骤504：向应用程序框架发起页面启动指令，例如，针对小程序页面的页面启动指令；

步骤505：Activity事件监听器监听到应用程序框架启动Activity的事件；

步骤506：若启动Activity的事件针对离屏渲染任务，则重定向到离屏Activity；

步骤507：开始启动离屏Activity；

步骤508：开启生命周期onCreate；

步骤509：由Activtiy原逻辑开始实现onCreate；

步骤510：在onCreate中调用覆写的setContentView；

步骤511：获取窗口位置信息，将灰度测试页面对应的窗口位置设置在用户终端屏幕可视区域之外，例如，可以设置在用户终端屏幕可视区域的左侧；

步骤512：完成窗口位置设置后，可以实际调用setContentView；

步骤513：继续由Activity原逻辑实现onCreate；

步骤514：启动容器来加载页面；

步骤515：onCreate实现完毕；

步骤516至518：实现onStart；

步骤519至521：实现onResume。

基于如图4和图5所示的方案，能够在不便于实施用户可见的灰度测试的情况下，在用户终端的后台进行待测试页面的灰度渲染，能够实现页面完整的生命周期，真实模拟页面在用户设备上的表现情况，以确保全量上线时的稳定性。

基于同样的思路，本说明书实施例还提供了上述方法对应的装置。图6为本说明书实施例提供的对应于图2的一种页面离屏渲染装置的结构示意图。如图6所示，该装置可以包括：

离屏渲染指令获取模块602，用于获取针对灰度测试页面的离屏渲染指令；

显示位置信息获取模块604，用于响应于所述离屏渲染指令，确定用于显示所述灰度测试页面的页面内容数据的显示位置信息；所述显示位置信息对应的显示坐标位于终端屏幕可视区域对应的坐标区域以外；

离屏渲染模块606，用于根据所述显示位置信息，对所述页面内容数据进行离屏渲染。

基于图6的装置，本说明书实施例还提供了该方法的一些具体实施方案，下面进行说明。

可选地，所述显示位置信息获取模块604，具体可以用于：响应于所述离屏渲染指令，确定用于显示所述页面内容数据的显示窗口的窗口位置信息；所述显示位置信息对应的显示坐标位于终端屏幕可视区域对应的坐标区域以外。

相应地，所述离屏渲染指令获取模块604，具体可以用于：根据所述离屏渲染任务，触发针对用于显示所述灰度测试页面的离屏Activity的离屏Activity启动指令。

可选地，所述装置还可以包括：窗口布局信息获取模块，用于获取所述显示窗口的窗口布局信息；相应地，所述离屏渲染模块606，具体可以用于：根据所述窗口位置信息和所述窗口布局信息，在所述显示窗口中对所述页面内容数据进行离屏渲染。

可选地，所述窗口布局信息获取模块，具体可以用于：获取所述显示窗口的主题参数；所述主题参数包括将所述显示窗口设置为透明的透明主题参数。

可选地，所述灰度测试页面可以包括小程序页面。

可选地，所述显示位置信息获取模块604，具体可以用于：响应于所述离屏渲染指令，在已启动Activity中创建用于显示所述页面内容数据的显示视图；确定所述显示视图的视图位置信息；所述视图位置信息对应的显示坐标位于终端屏幕可视区域对应的坐标区域以外。

相应地，所述离屏渲染指令获取模块602，具体可以用于：根据离屏渲染任务，触发针对用于显示所述页面内容数据的离屏视图的离屏视图创建指令。

可选地，所述灰度测试页面可以包括H5页面。

可选地，所述装置还可以包括：灰度测试指标信息获取模块，用于获取页面离屏渲染过程的灰度测试指标信息；信息发送模块，用于向第二服务器发送所述灰度测试指标信息；所述灰度测试指标信息用于表示所述灰度测试结果是否异常。

可选地，所述离屏渲染指令获取模块602，具体可以包括：页面离屏渲染任务获取单元，用于获取第一服务器根据灰度测试规则下发的页面离屏渲染任务；所述页面离屏渲染任务用于指示渲染灰度测试页面；离屏渲染指令触发单元，用于根据所述页面离屏渲染任务，触发所述离屏渲染指令。

可选地，所述离屏渲染指令触发单元，具体可以用于：根据离屏渲染任务，触发针对用于显示所述灰度测试页面的离屏Activity的离屏Activity启动指令。

可选地，所述离屏渲染指令触发单元，具体可以用于：根据离屏渲染任务，触发针对用于显示所述页面内容数据的离屏视图的离屏视图创建指令。

可选地，所述装置还可以包括页面内容数据获取模块，用于：获取服务器下发的所述灰度测试页面的页面内容数据。

可以理解，上述的各模块是指计算机程序或者程序段，用于执行某一项或多项特定的功能。此外，上述各模块的区分并不代表实际的程序代码也必须是分开的。

基于同样的思路，本说明书实施例还提供了上述方法对应的设备。

图7为本说明书实施例提供的对应于图2的一种页面离屏渲染设备的结构示意图。如图7所示，设备700可以包括：

至少一个处理器710；以及，

与所述至少一个处理器通信连接的存储器730；其中，

所述存储器730存储有可被所述至少一个处理器710执行的指令720，所述指令被所述至少一个处理器710执行，以使所述至少一个处理器710能够：

获取针对灰度测试页面的离屏渲染指令；

响应于所述离屏渲染指令，确定用于显示所述灰度测试页面的页面内容数据的显示位置信息；所述显示位置信息对应的显示坐标位于终端屏幕可视区域对应的坐标区域以外；

根据所述显示位置信息，对所述页面内容数据进行离屏渲染。

基于同样的思路，本说明书实施例还提供了上述方法对应的计算机可读介质。计算机可读介质上存储有计算机可读指令，所述计算机可读指令可被处理器执行以实现以下方法：

获取针对灰度测试页面的离屏渲染指令；

响应于所述离屏渲染指令，确定用于显示所述灰度测试页面的页面内容数据的显示位置信息；所述显示位置信息对应的显示坐标位于终端屏幕可视区域对应的坐标区域以外；

根据所述显示位置信息，对所述页面内容数据进行离屏渲染。

上述对本说明书特定实施例进行了描述，在一些情况下，在权利要求书中记载的动作或步骤可以按照不同于实施例中的顺序来执行并且仍然可以实现期望的结果。另外，在附图中描绘的过程不一定要求示出的特定顺序或者连续顺序才能实现期望的结果。在某些实施方式中，多任务处理和并行处理也是可以的或者可能是有利的。

本说明书中的各个实施例均采用递进的方式描述，各个实施例之间相同相似的部分互相参见即可。

本说明书实施例提供的装置、设备与方法是对应的，因此，装置、设备也具有与对应方法类似的有益技术效果，由于上面已经对方法的有益技术效果进行了详细说明，因此，这里不再赘述对应装置、设备的有益技术效果。

在20世纪90年代，对于一个技术的改进可以很明显地区分是硬件上的改进(例如，对二极管、晶体管、开关等电路结构的改进)还是软件上的改进(对于方法流程的改进)。然而，随着技术的发展，当今的很多方法流程的改进已经可以视为硬件电路结构的直接改进。设计人员几乎都通过将改进的方法流程编程到硬件电路中来得到相应的硬件电路结构。因此，不能说一个方法流程的改进就不能用硬件实体模块来实现。例如，可编程逻辑器件(Programmable Logic Device,PLD)(例如现场可编程门阵列(Field Programmable GateArray，FPGA))就是这样一种集成电路，其逻辑功能由用户对器件编程来确定。由设计人员自行编程来把一个数字符系统“集成”在一片PLD上，而不需要请芯片制造厂商来设计和制作专用的集成电路芯片。而且，如今，取代手工地制作集成电路芯片，这种编程也多半改用“逻辑编译器(logic compiler)”软件来实现，它与程序开发撰写时所用的软件编译器相类似，而要编译之前的原始代码也得用特定的编程语言来撰写，此称之为硬件描述语言(Hardware Description Language，HDL)，而HDL也并非仅有一种，而是有许多种，如ABEL(Advanced Boolean Expression Language)、AHDL(Altera Hardware DescriptionLanguage)、Confluence、CUPL(Cornell University Programming Language)、HDCal、JHDL(Java Hardware Description Language)、Lava、Lola、MyHDL、PALASM、RHDL(RubyHardware Description Language)等，目前最普遍使用的是VHDL(Very-High-SpeedIntegrated Circuit Hardware Description Language)与Verilog。本领域技术人员也应该清楚，只需要将方法流程用上述几种硬件描述语言稍作逻辑编程并编程到集成电路中，就可以很容易得到实现该逻辑方法流程的硬件电路。

控制器可以按任何适当的方式实现，例如，控制器可以采取例如微处理器或处理器以及存储可由该(微)处理器执行的计算机可读程序代码(例如软件或固件)的计算机可读介质、逻辑门、开关、专用集成电路(Application Specific Integrated Circuit，ASIC)、可编程逻辑控制器和嵌入微控制器的形式，控制器的例子包括但不限于以下微控制器：ARC 625D、Atmel AT91SAM、Microchip PIC18F26K20以及Silicone Labs C8051F320，存储器控制器还可以被实现为存储器的控制逻辑的一部分。本领域技术人员也知道，除了以纯计算机可读程序代码方式实现控制器以外，完全可以通过将方法步骤进行逻辑编程来使得控制器以逻辑门、开关、专用集成电路、可编程逻辑控制器和嵌入微控制器等的形式来实现相同功能。因此这种控制器可以被认为是一种硬件部件，而对其内包括的用于实现各种功能的装置也可以视为硬件部件内的结构。或者甚至，可以将用于实现各种功能的装置视为既可以是实现方法的软件模块又可以是硬件部件内的结构。

上述实施例阐明的系统、装置、模块或单元，具体可以由计算机芯片或实体实现，或者由具有某种功能的产品来实现。一种典型的实现设备为计算机。具体的，计算机例如可以为个人计算机、膝上型计算机、蜂窝电话、相机电话、智能电话、个人数字助理、媒体播放器、导航设备、电子邮件设备、游戏控制台、平板计算机、可穿戴设备或者这些设备中的任何设备的组合。

为了描述的方便，描述以上装置时以功能分为各种单元分别描述。当然，在实施本申请时可以把各单元的功能在同一个或多个软件和/或硬件中实现。

本领域内的技术人员应明白，本发明的实施例可提供为方法、系统、或计算机程序产品。因此，本发明可采用完全硬件实施例、完全软件实施例、或结合软件和硬件方面的实施例的形式。而且，本发明可采用在一个或多个其中包含有计算机可用程序代码的计算机可用存储介质(包括但不限于磁盘存储器、CD-ROM、光学存储器等)上实施的计算机程序产品的形式。

本发明是参照根据本发明实施例的方法、设备(系统)、和计算机程序产品的流程图和/或方框图来描述的。应理解可由计算机程序指令实现流程图和/或方框图中的每一流程和/或方框、以及流程图和/或方框图中的流程和/或方框的结合。可提供这些计算机程序指令到通用计算机、专用计算机、嵌入式处理机或其他可编程数据处理设备的处理器以产生一个机器，使得通过计算机或其他可编程数据处理设备的处理器执行的指令产生用于实现在流程图一个流程或多个流程和/或方框图一个方框或多个方框中指定的功能的装置。

这些计算机程序指令也可存储在能引导计算机或其他可编程数据处理设备以特定方式工作的计算机可读存储器中，使得存储在该计算机可读存储器中的指令产生包括指令装置的制造品，该指令装置实现在流程图一个流程或多个流程和/或方框图一个方框或多个方框中指定的功能。

这些计算机程序指令也可装载到计算机或其他可编程数据处理设备上，使得在计算机或其他可编程设备上执行一系列操作步骤以产生计算机实现的处理，从而在计算机或其他可编程设备上执行的指令提供用于实现在流程图一个流程或多个流程和/或方框图一个方框或多个方框中指定的功能的步骤。

在一个典型的配置中，计算设备包括一个或多个处理器(CPU)、输入/输出接口、网络接口和内存。

内存可能包括计算机可读介质中的非永久性存储器，随机存取存储器(RAM)和/或非易失性内存等形式，如只读存储器(ROM)或闪存(flash RAM)。内存是计算机可读介质的示例。

计算机可读介质包括永久性和非永久性、可移动和非可移动媒体可以由任何方法或技术来实现信息存储。信息可以是计算机可读指令、数据结构、程序的模块或其他数据。计算机的存储介质的例子包括，但不限于相变内存(PRAM)、静态随机存取存储器(SRAM)、动态随机存取存储器(DRAM)、其他类型的随机存取存储器(RAM)、只读存储器(ROM)、电可擦除可编程只读存储器(EEPROM)、快闪记忆体或其他内存技术、只读光盘只读存储器(CD-ROM)、数字符多功能光盘(DVD)或其他光学存储、磁盒式磁带，磁带式磁盘存储或其他磁性存储设备或任何其他非传输介质，可用于存储可以被计算设备访问的信息。按照本文中的界定，计算机可读介质不包括暂存电脑可读媒体(transitorymedia)，如调制的数据信号和载波。

还需要说明的是，术语“包括”、“包含”或者其任何其他变体意在涵盖非排他性的包含，从而使得包括一系列要素的过程、方法、商品或者设备不仅包括那些要素，而且还包括没有明确列出的其他要素，或者是还包括为这种过程、方法、商品或者设备所固有的要素。在没有更多限制的情况下，由语句“包括一个……”限定的要素，并不排除在包括所述要素的过程、方法、商品或者设备中还存在另外的相同要素。

本领域技术人员应明白，本申请的实施例可提供为方法、系统或计算机程序产品。因此，本申请可采用完全硬件实施例、完全软件实施例或结合软件和硬件方面的实施例的形式。而且，本申请可采用在一个或多个其中包含有计算机可用程序代码的计算机可用存储介质(包括但不限于磁盘存储器、CD-ROM、光学存储器等)上实施的计算机程序产品的形式。

本申请可以在由计算机执行的计算机可执行指令的一般上下文中描述，例如程序模块。一般地，程序模块包括执行特定任务或实现特定抽象数据类型的例程、程序、对象、组件、数据结构等等。也可以在分布式计算环境中实践本申请，在这些分布式计算环境中，由通过通信网络而被连接的远程处理设备来执行任务。在分布式计算环境中，程序模块可以位于包括存储设备在内的本地和远程计算机存储介质中。

以上所述仅为本申请的实施例而已，并不用于限制本申请。对于本领域技术人员来说，本申请可以有各种更改和变化。凡在本申请的精神和原理之内所作的任何修改、等同替换、改进等，均应包含在本申请的权利要求范围之内。

Claims (23)

1.一种页面离屏渲染方法，包括：

获取针对灰度测试页面的离屏渲染指令；

响应于所述离屏渲染指令，确定用于显示所述灰度测试页面的页面内容数据的显示位置信息；所述显示位置信息对应的显示坐标位于终端屏幕可视区域对应的坐标区域以外；

根据所述显示位置信息，对所述页面内容数据进行离屏渲染。

2.如权利要求1所述的方法，所述响应于所述离屏渲染指令，确定用于显示所述灰度测试页面的页面内容数据的显示位置信息，具体包括：

响应于所述离屏渲染指令，确定用于显示所述页面内容数据的显示窗口的窗口位置信息；所述显示位置信息对应的显示坐标位于终端屏幕可视区域对应的坐标区域以外。

3.如权利要求2所述的方法，所述获取针对灰度测试页面的离屏渲染指令，具体包括：

根据离屏渲染任务，触发针对用于显示所述灰度测试页面的离屏Activity的离屏Activity启动指令。

4.如权利要求2所述的方法，所述确定用于显示所述页面内容数据的显示窗口的窗口位置信息之后，还包括：

获取所述显示窗口的窗口布局信息；

所述根据所述显示位置信息，对所述页面内容数据进行离屏渲染，具体包括：

根据所述窗口位置信息和所述窗口布局信息，在所述显示窗口中对所述页面内容数据进行离屏渲染。

5.如权利要求4所述的方法，所述获取所述显示窗口的窗口布局信息，具体包括：

获取所述显示窗口的主题参数；所述主题参数包括将所述显示窗口设置为透明的透明主题参数。

6.如权利要求2所述的方法，所述灰度测试页面包括小程序页面。

7.如权利要求1所述的方法，所述响应于所述离屏渲染指令，确定用于显示所述灰度测试页面的页面内容数据的显示位置信息，具体包括：

响应于所述离屏渲染指令，在已启动Activity中创建用于显示所述页面内容数据的显示视图；

确定所述显示视图的视图位置信息；所述视图位置信息对应的显示坐标位于终端屏幕可视区域对应的坐标区域以外。

8.如权利要求7所述的方法，所述获取针对灰度测试页面的离屏渲染指令，具体包括：

根据离屏渲染任务，触发针对用于显示所述页面内容数据的离屏视图的离屏视图创建指令。

9.如权利要求7所述的方法，所述确定所述显示视图的视图位置信息之后，还包括：

获取所述显示视图的视图属性信息；所述视图属性信息包括视图透明度参数；

所述根据所述显示位置信息，对所述页面内容数据进行离屏渲染，具体包括：

根据所述视图位置信息和所述视图属性信息，在所述显示视图中对所述页面内容数据进行离屏渲染。

10.如权利要求7所述的方法，所述灰度测试页面包括H5页面。

11.如权利要求1所述的方法，所述获取针对灰度测试页面的离屏渲染指令，具体包括：

获取第一服务器根据灰度测试规则下发的页面离屏渲染任务；所述页面离屏渲染任务用于指示渲染灰度测试页面；

根据所述页面离屏渲染任务，触发所述离屏渲染指令。

12.如权利要求1所述的方法，所述根据所述显示位置信息，对所述页面内容数据进行离屏渲染之后，还包括：

获取页面离屏渲染过程的灰度测试指标信息；

向第二服务器发送所述灰度测试指标信息；所述灰度测试指标信息用于表示灰度测试结果是否异常。

13.一种页面离屏渲染装置，包括：

离屏渲染指令获取模块，用于获取针对灰度测试页面的离屏渲染指令；

显示位置信息获取模块，用于响应于所述离屏渲染指令，确定用于显示所述灰度测试页面的页面内容数据的显示位置信息；所述显示位置信息对应的显示坐标位于终端屏幕可视区域对应的坐标区域以外；

离屏渲染模块，用于根据所述显示位置信息，对所述页面内容数据进行离屏渲染。

14.如权利要求13所述的装置，所述显示位置信息获取模块，具体用于：

响应于所述离屏渲染指令，确定用于显示所述页面内容数据的显示窗口的窗口位置信息；所述显示位置信息对应的显示坐标位于终端屏幕可视区域对应的坐标区域以外。

15.如权利要求14所述的装置，所述离屏渲染指令获取模块，具体用于：

根据离屏渲染任务，触发针对用于显示所述灰度测试页面的离屏Activity的离屏Activity启动指令。

16.如权利要求14所述的装置，还包括：

窗口布局信息获取模块，用于获取所述显示窗口的窗口布局信息；

所述离屏渲染模块，具体用于：

根据所述窗口位置信息和所述窗口布局信息，在所述显示窗口中对所述页面内容数据进行离屏渲染。

17.如权利要求16所述的装置，所述窗口布局信息获取模块，具体用于：

获取所述显示窗口的主题参数；所述主题参数包括将所述显示窗口设置为透明的透明主题参数。

18.如权利要求14所述的装置，所述灰度测试页面包括小程序页面。

19.如权利要求13所述的装置，所述显示位置信息获取模块，具体用于：

响应于所述离屏渲染指令，在已启动Activity中创建用于显示所述页面内容数据的显示视图；

确定所述显示视图的视图位置信息；所述视图位置信息对应的显示坐标位于终端屏幕可视区域对应的坐标区域以外。

20.如权利要求19所述的装置，所述灰度测试页面包括H5页面。

21.如权利要求13所述的装置，还包括：

灰度测试指标信息获取模块，用于获取页面离屏渲染过程的灰度测试指标信息；

信息发送模块，用于向第二服务器发送所述灰度测试指标信息；所述灰度测试指标信息用于表示灰度测试结果是否异常。

22.一种页面离屏渲染设备，包括：

至少一个处理器；以及，

与所述至少一个处理器通信连接的存储器；其中，

所述存储器存储有可被所述至少一个处理器执行的指令，所述指令被所述至少一个处理器执行，以使所述至少一个处理器能够：

获取针对灰度测试页面的离屏渲染指令；

响应于所述离屏渲染指令，确定用于显示所述灰度测试页面的页面内容数据的显示位置信息；所述显示位置信息对应的显示坐标位于终端屏幕可视区域对应的坐标区域以外；

根据所述显示位置信息，对所述页面内容数据进行离屏渲染。

23.一种计算机可读介质，其上存储有计算机可读指令，所述计算机可读指令可被处理器执行以实现权利要求1至12中任一项所述的页面离屏渲染方法。

Images