CN109614563B - 显示网页的方法、装置、设备及存储介质 - Google Patents

Abstract

本公开是关于一种显示网页的方法、装置、设备及存储介质，属于计算机技术领域。方法包括：获取网页显示指令，根据网页显示指令获取已初始化的网络视图WebView组件，已初始化的WebView组件对应有初始画布；获取已渲染的第一画布，将已渲染的第一画布覆盖初始画布；调用已初始化的WebView组件根据待显示的网页信息对已渲染的第一画布进行渲染，以显示网页。本公开根据网页显示指令直接获取已初始化的WebView组件，节约了显示网页时对WebView组件进行初始化的时间；通过将已渲染的第一画布覆盖初始画布，使得已初始化的WebView组件根据待显示的网页信息对已渲染的第一画布进行渲染，减小了已初始化的WebView组件的渲染工作量，提高了网页的显示速度，提升了用户的使用体验。

Description

显示网页的方法、装置、设备及存储介质

技术领域

本公开涉及计算机技术领域，尤其涉及一种显示网页的方法、装置、设备及存储介质。

背景技术

随着计算机技术的发展，越来越多的客户端被应用于人们的生活中。安装于终端上的客户端可以对网页进行显示，以便于用户浏览网页。

相关技术中，客户端常常使用WebView(网络视图)组件对网页进行显示。当检测到用户选中目标网页时，首先需要对WebView组件进行初始化；然后向服务器发送对目标网页的访问请求，以获取显示目标网页所需的相关数据；最后，已初始化的WebView组件根据获取的相关数据进行渲染，从而在用户使用的终端上显示目标网页。

发明人发现相关技术至少存在以下问题：

一方面，在目标网页的显示过程中对WebView组件进行初始化，延长了显示网页所需的时间；另一方面，已初始化的WebView组件进行渲染耗费的时间长，降低了网页的显示速度，导致用户的使用体验差。

公开内容

本公开提供一种显示网页的方法、装置、设备及存储介质，以克服相关技术中存在的问题。

根据本公开实施例的第一方面，提供一种显示网页的方法，包括：

获取网页显示指令，根据所述网页显示指令获取已初始化的网络视图WebView组件，所述已初始化的WebView组件对应有初始画布；

获取已渲染的第一画布，将所述已渲染的第一画布覆盖所述初始画布；

调用所述已初始化的WebView组件根据所述待显示的网页信息对所述已渲染的第一画布进行渲染，以显示所述网页。

可选地，所述方法还包括：在所述获取网页显示指令之前，对所述WebView组件进行初始化。

可选地，所述将所述已渲染的第一画布覆盖所述初始画布，包括：当所述已初始化的WebView组件绘制视图时，将所述已渲染的第一画布覆盖所述初始画布。

可选地，所述将所述已渲染的第一画布覆盖所述初始画布，包括：将所述已渲染的第一画布锁定于所述初始画布上，以使所述已渲染的第一画布覆盖所述初始画布。

可选地，所述将所述已渲染的第一画布锁定于所述初始画布上，包括：调用画布锁定函数，通过所述画布锁定函数将所述已渲染的第一画布锁定于所述初始画布上。

可选地，所述获取已渲染的第一画布，包括：调用渲染器，通过所述渲染器调用开放图形库渲染第一画布。

可选地，所述WebView组件是内置于终端的WebView组件，或者，是第三方WebView组件。

根据本公开实施例的第二方面，提供一种显示网页的装置，包括：

第一获取模块，被配置为获取网页显示指令，根据所述网页显示指令获取已初始化的网络视图WebView组件，所述已初始化的WebView组件对应有初始画布；

第二获取模块，被配置为获取已渲染的第一画布；

覆盖模块，被配置为将所述已渲染的第一画布覆盖所述初始画布；

渲染模块，被配置为调用所述已初始化的WebView组件根据所述待显示的网页信息对所述已渲染的第一画布进行渲染，以显示所述网页。

可选地，所述装置还包括：初始化模块，被配置为在所述获取网页显示指令之前，对所述WebView组件进行初始化。

可选地，所述覆盖模块，被配置为当所述已初始化的WebView组件绘制视图时，将所述已渲染的第一画布覆盖所述初始画布。

可选地，所述覆盖模块，被配置为将所述已渲染的第一画布锁定于所述初始画布上，以使所述已渲染的第一画布覆盖所述初始画布。

可选地，所述覆盖模块，被配置为调用画布锁定函数，通过所述画布锁定函数将所述已渲染的第一画布锁定于所述初始画布上。

可选地，所述第二获取模块，被配置为调用渲染器，通过所述渲染器调用开放图形库渲染第一画布。

可选地，所述WebView组件是内置于终端的WebView组件，或者，是第三方WebView组件。

根据本公开实施例的第三方面，提供一种显示网页的设备，包括：

处理器；

被配置为存储处理器可执行指令的存储器；

其中，所述处理器被配置为加载并执行所述存储中存储的可执行指令，以实现本公开实施例提供的显示网页的方法。

根据本公开实施例的第四方面，提供一种非临时性计算机可读存储介质，当所述存储介质中的指令由移动终端的处理器执行时，使得移动终端能够执行一种显示网页的方法，所述方法包括：

获取网页显示指令，根据所述网页显示指令获取已初始化的网络视图WebView组件，所述已初始化的WebView组件对应有初始画布；

获取已渲染的第一画布，将所述已渲染的第一画布覆盖所述初始画布；

调用所述已初始化的WebView组件根据所述待显示的网页信息对所述已渲染的第一画布进行渲染，以显示所述网页。

提供一种应用程序/计算机程序产品，包括一条或多条指令，该一条或多条指令可以由电子设备的处理器执行时，使得电子设备能够执行一种以实现如上述第一方面中任一项显示网页的方法所执行的操作。

本公开的实施例提供的技术方案至少包括以下有益效果：本实施例提供的技术方案根据网页显示指令直接获取已初始化的WebView组件，节约了显示网页时对WebView组件进行初始化的时间，因而缩短了网页的显示时间；并且，通过将已渲染的第一画布覆盖初始画布，使得获取的已初始化的WebView组件可以根据待显示的网页信息对已渲染的第一画布进行渲染，从而降低了WebView组件的渲染工作量，提高了网页的显示速度。相应地，用户在终端上选中一个待显示的网页后，终端可以在较短的时间内显示出被选中的网页，因而缩短了用户等待的时间，进而提高了用户的使用体验。

应当理解的是，以上的一般描述和后文的细节描述仅是示例性和解释性的，并不能限制本公开。

附图说明

此处的附图被并入说明书中并构成本说明书的一部分，示出了符合本公开的实施例，并与说明书一起用于解释本公开的原理。

图1是根据一示例性实施例示出的一种实施环境的示意图。

图2是根据一示例性实施例示出的一种显示网页的方法的流程图。

图3是根据一示例性实施例示出的一种显示网页的方法的流程图。

图4是根据一示例性实施例示出的一种显示网页的装置的框图。

图5是根据一示例性实施例示出的一种终端的框图。

具体实施方式

这里将详细地对示例性实施例进行说明，其示例表示在附图中。下面的描述涉及附图时，除非另有表示，不同附图中的相同数字表示相同或相似的要素。以下示例性实施例中所描述的实施方式并不代表与本公开相一致的所有实施方式。相反，它们仅是与如所附权利要求书中所详述的、本公开的一些方面相一致的装置和方法的例子。

随着计算机技术的发展，越来越多的客户端被应用于人们的日常生活中。例如，安装于终端上的客户端可以对网页进行显示，以便于用户浏览网页。

目前，客户端常常使用WebView(网络视图)组件对网页进行显示。一般地，客户端界面上提供一个或多个网页入口，当终端检测到用户在客户端界面选中目标网页入口时，首先需要对WebView组件进行初始化；然后，向服务器发送对目标网页的访问请求，以获取显示目标网页所需的相关数据；最后，初始化的WebView组件根据获取的相关数据进行渲染，从而在用户使用的终端上显示目标网页。

在该过程中，一方面，当检测到用户选中目标网页时，对WebView组件进行初始化，并且，当WebView组件完成初始化后，才能向服务器发送对目标网页的访问请求，因而延长了网页的显示时间；另一方面，已初始化的WebView组件进行渲染耗费的时间长，降低了网页的显示速度。

用户的直观体验则是，在终端上选中目标网页入口后，需要等待较长的时间才能在终端上浏览到完整的目标网页，使用体验较差。

为此，本公开实施例提供一种显示网页的方法，该方法可被配置为如图1所示的实施环境中。图1中，包括至少一个终端11和服务器12，终端11可与服务器12进行通信连接，以从服务器12上下载待显示的网页的网页信息。

其中，终端11可以是任何一种可与用户通过键盘、触摸板、触摸屏、遥控器、语音交互或手写设备等一种或多种方式进行人机交互的电子产品，例如PC(Personal Computer，个人计算机)、手机、智能手机、PDA(Personal Digital Assistant，个人数字助手)、可穿戴设备、掌上电脑PPC(Pocket PC)、平板电脑、智能车机、智能电视、智能音箱等。

服务器12可以是一台服务器，也可以是由多台服务器组成的服务器集群，或者是一个云计算服务中心。

图2是根据一示例性实施例示出的一种显示网页的方法的流程图，如图2所示，该方法被用于终端中，包括以下步骤。

在步骤S11中，获取网页显示指令，根据网页显示指令获取已初始化的WebView组件，已初始化的WebView组件对应有初始画布。

在步骤S12中，获取已渲染的第一画布，将已渲染的第一画布覆盖初始画布。

在步骤S13中，调用已初始化的WebView组件根据待显示的网页信息对已渲染的第一画布进行渲染，以显示网页。

本实施例提供的技术方案根据网页显示指令直接获取已初始化的WebView组件，节约了显示网页时对WebView组件进行初始化的时间，因而缩短了网页的显示时间；并且，通过将已渲染的第一画布覆盖初始画布，使得获取的已初始化的WebView组件可以根据待显示的网页信息对已渲染的第一画布进行渲染，从而降低了WebView组件的渲染工作量，提高了网页的显示速度。相应地，用户在终端上选中一个待显示的网页后，终端可以在较短的时间内显示出被选中的网页，因而缩短了用户等待的时间，进而提高了用户的使用体验。

在一种可能实施方式中，该方法还包括：

在获取网页显示指令之前，对WebView组件进行初始化。

在一种可能实施方式中，待显示的网页信息携带标识函数；

将已渲染的第一画布覆盖初始画布，包括：

当已初始化的WebView组件绘制视图时，将已渲染的第一画布覆盖初始画布。

在一种可能实施方式中，将已渲染的第一画布覆盖初始画布，包括：

将已渲染的第一画布锁定于初始画布上，以使已渲染的第一画布覆盖初始画布。

在一种可能实施方式中，将已渲染的第一画布锁定于初始画布上，包括：

调用画布锁定函数，通过画布锁定函数将已渲染的第一画布锁定于初始画布上。

在一种可能实施方式中，获取已渲染的第一画布，包括：

调用渲染器，通过渲染器调用开放图形库渲染第一画布。

在一种可能实施方式中，WebView组件是内置于终端的WebView组件，或者，是第三方WebView组件。

上述所有可选技术方案，可以采用任意结合形成本公开的可选实施例，在此不再一一赘述。

图3是根据一示例性实施例示出的一种显示网页的方法的流程图，如图3所示，该方法用于终端中，包括以下步骤。

在步骤S31中，获取网页显示指令，根据网页显示指令获取已初始化的WebView组件，已初始化的WebView组件对应有初始画布。

其中，网页显示指令用于指示待显示的网页，例如，当检测到待显示的网页被选中时，终端设备获取到网页显示指令。待显示的网页可以是安装于终端设备上的客户端提供的网页，客户端是指为用户提供本地服务的应用程序。一般来说，当用户在终端设备上通过点击图标等方式打开一个客户端后，终端设备上显示客户端界面，该界面提供一个或多个待显示的网页。在获取网页显示指令后，进一步根据获取的网页显示指令获取已初始化的WebView(网络视图)组件，从而使得客户端可以通过已初始化的WebView组件对待显示的网页进行显示。

需要说明的是，WebView组件是一种终端内置的被配置为显示网页的浏览器组件。使用WebView组件对网页进行显示之前，首先需要对WebView组件进行初始化。通常情况下，当检测到待显示的网页被选中后，才对终端内置的WebView组件进行初始化；而在本实施例中，在获取网页显示指令之前，对WebView组件进行初始化，则当获取到网页指令时，可以直接获取已初始化的WebView组件，以便缩短网页的显示时间。

例如，可以在检测到用户打开客户端后直接对WebView组件进行初始化，则在打开的客户端界面获取网页显示指令时，可以直接获取已初始化的WebView组件；或者，本实施例还可以在检测到用户打开客户端之前，如当客户端成功安装于设备终端上时，立即对WebView组件进行初始化，在这种实施方式下，在用户打开客户端之前，终端内置的WebView组件已经是已初始化的WebView组件。

进一步地，已初始化的WebView组件对应有初始画布(draw(Canvas))。初始画布的作用在于承载待显示的网页，将初始画布显示于终端设备的显示屏上，则用户可以通过显示屏浏览到该初始画布上承载的网页。

当然，上述WebView组件除了可以是终端内置的WebView组件，也可以是通过服务器获取的第三方WebView组件。无论采用哪种WebView组件，当获取到已初始化的WebView组件之后，便可以使用该已初始化的WebView组件对待显示的网页进行显示。

在步骤S32中，获取已渲染的第一画布。

其中，已渲染的第一画布(Canvas)是指已根据待显示的网页信息渲染过的第一画布，已渲染的第一画布与初始画布的相同点在于，已渲染的第一画布与初始画布的作用均在于承载待显示的网页，并且已渲染的第一画布与初始画布均可以被已初始化的WebView组件渲染；而已渲染的第一画布与初始画布的区别点在于，初始画布是未经过渲染的画布，即初始画布上还未承载待显示的网页，而已渲染的第一画布已承载部分待显示的网页。

获取已渲染的第一画布可以有多种方式，可选地，本实施例调用渲染器，通过渲染器调用开放图形库渲染第一画布。其中，渲染器是指被配置为对第一画布进行渲染的一种组件，通过调用函数的方式可以对渲染器进行调用，例如，本实施例通过调用GLSurfaceView.Renderer函数实现对渲染器的调用；开放图形库即OpenGL(OpenGraphicsLibrary，开放图形库)，其是指一种提供参考函数的应用程序编程接口(API)，通过调用OpenGL中的函数即可获取参考图形。例如，以需要在第一画布上渲染出的图形为矩形为例，若渲染器不调用OpenGL提供的参考函数、直接对第一画布渲染，则需要在第一画布上依次渲染出矩形的四条边，以完成渲染；若渲染器调用OpenGL提供的参考函数，则渲染器可以直接获取矩形，从而在第一画布上完成渲染。

进一步地，本实施方式中选用GLES(OpenGL for Embedded Systems，被配置为嵌入式系统的开放图形库)的2.0版本。嵌入式系统是指嵌入式设备使用的系统，而PC、手机、智能手机、平板电脑等终端设备均为嵌入式设备。可以看出，GLES2.0是OpenGL的一个更适合被配置为嵌入式系统的子集，渲染器可以通过调用GLES2.0提供的函数获取参考图形，并使用获取的参考图形对第一画布进行渲染。

在步骤S33中，将已渲染的第一画布覆盖初始画布。

其中，已渲染的第一画布的尺寸与初始画布的尺寸可以相同，也可以不同；当已渲染的第一画布的尺寸大于或等于初始画布的尺寸时，可以将一个已渲染的第一画布覆盖于初始画布之上；当已渲染的第一画布的尺寸小于初始画布的尺寸时，可以对多个已渲染的第一画布进行排版，使多个已渲染的第一画布按照参考方式覆盖于初始画布之上。

在一种可选的实施方式中，可以通过待显示的网页信息确定将已渲染的第一画布覆盖初始画布的时机。其中，待显示的网页可以有颜色视图、文本视图、排版视图等多个特征视图，相应地，待显示的网页信息可以包括颜色信息、文本信息、排版信息等多个子信息。当已初始化的WebView组件根据待显示的网页信息绘制对应的视图时，将已渲染的第一画布覆盖初始画布。例如，待显示的网页信息可以携带用于触发已初始化的WebView组件绘制视图的函数，例如public void draw(Canvas Canvas)函数，则当已初始化的WebView组件执行该函数时，已初始化的WebView组件开始绘制视图，则可以将已渲染的第一画布覆盖初始画布，即将已初始化的WebView组件执行该函数作为将已渲染的第一画布覆盖初始画布的时机。

进一步地，对于待显示的网页信息，本实施例提供多种获取方式。例如，可以将待显示的网页信息放入客户端的安装包中，则当用户下载客户端的安装包，并将其安装于终端时，待显示的网页信息同时被缓存于用户使用的终端中，需要对待显示的网页信息进行使用时，可以直接从终端缓存中获取待显示的网页信息。再例如，可以当检测到待显示的网页被选中时，向服务器发送待显示的网页信息的获取请求，以获取待显示的网页信息。再例如，可以当检测到客户端被打开后，向服务器发送客户端提供的所有待显示的网页信息的获取请求，使得服务器根据该获取请求返回待显示的网页信息。之后，将获取的所有待显示的网页信息缓存于用户使用的终端中，当检测到客户端提供的所有待显示的网页之一被选中时，直接从终端缓存中获取待显示的网页信息。

可选地，本实施例通过采用将已渲染的第一画布锁定于初始画布的方式，使得已渲染的第一画布覆盖初始画布。并且，将已渲染的第一画布锁定于初始画布的实施方式可以为：调用画布锁定函数(例如surface.lockCanvas()函数)，通过该画布锁定函数将已渲染的第一画布锁定于初始画布上。当然，本实施例不对将已渲染的第一画布覆盖初始画布的方式加以限定，还可以根据实际情况调用其他函数，或采用其他函数，将已渲染的第一画布覆盖初始画布。

在步骤S34中，调用已初始化的WebView组件根据待显示的网页信息对已渲染的第一画布进行渲染，以显示网页。

当获取已渲染的第一画布，并将已渲染的第一画布覆盖初始画布后，则可以调用已初始化的WebView组件，使得调用的已初始化的WebView组件根据待显示的网页信息对覆盖于初始画布之上的已渲染的第一画布进行渲染。渲染是指将待显示的网页由信息转化为可显示的画面的过程，已初始化的WebView组件对已渲染的第一画布进行渲染，则使得网页显示于已渲染的第一画布上，用户可以通过终端设备的显示屏浏览到网页。

需要说明的是，若已初始化的WebView组件根据待显示的网页信息对初始画布进行渲染，则需要将全部待显示的网页信息转化为可显示的画面，才能完成对初始画布的渲染；而在本实施例中，已初始化的WebView组件不对初始画布进行渲染，而是对已渲染的第一画布进行渲染，由于已渲染的第一画布上已存在部分待显示的网页信息转化的可显示的画面，因而已初始化的WebView组件仅需将剩余部分的待显示的网页信息转化为可显示的画面。由此可见，在已初始化的WebView组件的渲染速度相同的情况下，对已渲染的第一画布进行渲染的工作量小于对初始画布进行渲染的工作量，因而在已渲染的第一画布上完成渲染的时间短于在初始画布上完成渲染的时间，从而缩短了显示网页所需的时间。

综上所述，本实施例根据网页显示指令直接获取已初始化的WebView组件，节约了显示网页时对WebView组件进行初始化的时间，因而缩短了网页的显示时间；并且，通过将已渲染的第一画布覆盖初始画布，使得获取的已初始化的WebView组件可以根据待显示的网页信息对已渲染的第一画布进行渲染，从而降低了WebView组件的渲染工作量，提高了网页的显示速度。相应地，用户在终端上选中一个待显示的网页后，终端可以在较短的时间内显示出被选中的网页，因而缩短了用户等待的时间，进而提高了用户的使用体验。

进一步地，本实施例调用渲染器，该渲染器调用开放图形库提供的函数对第一画布进行渲染，从而获取已渲染的第一画布。采用该方式对第一画布进行渲染，可以直接获取到开放图形库提供的参考图形，渲染器基于获取的参考图形对第一画布进行渲染，渲染速度快、渲染效率高，从而使得网页的显示速度快。

图4是根据一示例性实施例示出的一种显示网页的装置框图。参照图4，该装置包括第一获取模块121，第二获取模块122，覆盖模块123和渲染模块124。

该第一获取模块121，被配置为获取网页显示指令，根据网页显示指令获取已初始化的网络视图WebView组件，已初始化的WebView组件对应有初始画布；

该第二获取模块122，被配置为获取已渲染的第一画布；

该覆盖模块123，被配置为将已渲染的第一画布覆盖初始画布；

该渲染模块124，被配置为调用已初始化的WebView组件根据待显示的网页信息对已渲染的第一画布进行渲染，以显示网页。

可选地，该装置还包括：初始化模块125，被配置为在获取网页显示指令之前，对WebView组件进行初始化。

可选地，该覆盖模块123，被配置为当已初始化的WebView组件绘制视图时，将已渲染的第一画布覆盖初始画布。

可选地，该覆盖模块123，被配置为将已渲染的第一画布锁定于初始画布上，以使已渲染的第一画布覆盖初始画布。

可选地，该覆盖模块123，被配置为调用画布锁定函数，通过所述画布锁定函数将所述已渲染的第一画布锁定于所述初始画布上。

可选地，该第二获取模块122，被配置为调用渲染器，通过渲染器调用开放图形库渲染第一画布。

可选地，WebView组件是内置于终端的WebView组件，或者，是第三方WebView组件。

综上所述，本实施例根据网页显示指令直接获取已初始化的WebView组件，节约了显示网页时对WebView组件进行初始化的时间，因而缩短了网页的显示时间；并且，通过将已渲染的第一画布覆盖初始画布，使得获取的已初始化的WebView组件可以根据待显示的网页信息对已渲染的第一画布进行渲染，从而降低了WebView组件的渲染工作量，提高了网页的显示速度。相应地，用户在终端上选中一个待显示的网页后，终端可以在较短的时间内显示出被选中的网页，因而缩短了用户等待的时间，进而提高了用户的使用体验。

进一步地，本实施例通过调用渲染器，该渲染器调用开放图形库提供的函数对第一画布进行渲染，从而获取已渲染的第一画布。采用该方式对第一画布进行渲染，可以直接获取到开放图形库提供的参考图形，渲染器基于获取的参考图形对第一画布进行渲染，渲染速度快、渲染效率高，从而使得网页的显示速度快。

关于上述实施例中的装置，其中各个模块执行操作的具体方式已经在有关该方法的实施例中进行了详细描述，此处将不做详细阐述说明。

图5示出了本发明一个示例性实施例提供的终端500的结构框图。该终端500可以是便携式移动终端，比如：智能手机、平板电脑、MP3播放器(Moving Picture ExpertsGroup Audio Layer III，动态影像专家压缩标准音频层面3)、MP4(Moving PictureExperts Group Audio Layer IV，动态影像专家压缩标准音频层面4)播放器、笔记本电脑或台式电脑。终端500还可能被称为用户设备、便携式终端、膝上型终端、台式终端等其他名称。

通常，终端500包括有：处理器501和存储器502。

处理器501可以包括一个或多个处理核心，比如4核心处理器、4核心处理器等。处理器501可以采用DSP(Digital Signal Processing，数字信号处理)、FPGA(Field－Programmable Gate Array，现场可编程门阵列)、PLA(Programmable Logic Array，可编程逻辑阵列)中的至少一种硬件形式来实现。处理器501也可以包括主处理器和协处理器，主处理器是用于对在唤醒状态下的数据进行处理的处理器，也称CPU(Central ProcessingUnit，中央处理器)；协处理器是用于对在待机状态下的数据进行处理的低功耗处理器。在一些实施例中，处理器501可以在集成有GPU(Graphics Processing Unit，图像处理器)，GPU用于负责显示屏所需要显示的内容的渲染和绘制。一些实施例中，处理器501还可以包括AI(Artificial Intelligence，人工智能)处理器，该AI处理器用于处理有关机器学习的计算操作。

存储器502可以包括一个或多个计算机可读存储介质，该计算机可读存储介质可以是非暂态的。存储器502还可包括高速随机存取存储器，以及非易失性存储器，比如一个或多个磁盘存储设备、闪存存储设备。在一些实施例中，存储器502中的非暂态的计算机可读存储介质用于存储至少一个指令，该至少一个指令用于被处理器501所执行以实现本申请中方法实施例提供的显示网页的方法。

在一些实施例中，终端500还可选包括有：外围设备接口503和至少一个外围设备。处理器501、存储器502和外围设备接口503之间可以通过总线或信号线相连。各个外围设备可以通过总线、信号线或电路板与外围设备接口503相连。具体地，外围设备包括：射频电路504、触摸显示屏505、摄像头506、音频电路507、定位组件508和电源509中的至少一种。

外围设备接口503可被用于将I/O(Input/Output，输入/输出)相关的至少一个外围设备连接到处理器501和存储器502。在一些实施例中，处理器501、存储器502和外围设备接口503被集成在同一芯片或电路板上；在一些其他实施例中，处理器501、存储器502和外围设备接口503中的任意一个或两个可以在单独的芯片或电路板上实现，本实施例对此不加以限定。

射频电路504用于接收和发射RF(Radio Frequency，射频)信号，也称电磁信号。射频电路504通过电磁信号与通信网络以及其他通信设备进行通信。射频电路504将电信号转换为电磁信号进行发送，或者，将接收到的电磁信号转换为电信号。

可选地，射频电路504包括：天线系统、RF收发器、一个或多个放大器、调谐器、振荡器、数字信号处理器、编解码芯片组、用户身份模块卡等等。射频电路504可以通过至少一种无线通信协议来与其它终端进行通信。该无线通信协议包括但不限于：城域网、各代移动通信网络(2G、3G、4G及5G)、无线局域网和/或WiFi(Wireless Fidelity，无线保真)网络。在一些实施例中，射频电路504还可以包括NFC(Near Field Communication，近距离无线通信)有关的电路，本申请对此不加以限定。

显示屏505用于显示UI(User Interface，用户界面)。该UI可以包括图形、文本、图标、视频及其它们的任意组合。当显示屏505是触摸显示屏时，显示屏505还具有采集在显示屏505的表面或表面上方的触摸信号的能力。该触摸信号可以作为控制信号输入至处理器501进行处理。此时，显示屏505还可以用于提供虚拟按钮和/或虚拟键盘，也称软按钮和/或软键盘。在一些实施例中，显示屏505可以为一个，设置终端500的前面板；在另一些实施例中，显示屏505可以为至少两个，分别设置在终端500的不同表面或呈折叠设计；在再一些实施例中，显示屏505可以是柔性显示屏，设置在终端500的弯曲表面上或折叠面上。甚至，显示屏505还可以设置成非矩形的不规则图形，也即异形屏。显示屏505可以采用LCD(LiquidCrystal Display，液晶显示屏)、OLED(Organic Light-Emitting Diode,有机发光二极管)等材质制备。

摄像头组件506用于采集图像或视频。可选地，摄像头组件506包括前置摄像头和后置摄像头。通常，前置摄像头设置在终端的前面板，后置摄像头设置在终端的背面。在一些实施例中，后置摄像头为至少两个，分别为主摄像头、景深摄像头、广角摄像头、长焦摄像头中的任意一种，以实现主摄像头和景深摄像头融合实现背景虚化功能、主摄像头和广角摄像头融合实现全景拍摄以及VR(Virtual Reality，虚拟现实)拍摄功能或者其它融合拍摄功能。在一些实施例中，摄像头组件506还可以包括闪光灯。闪光灯可以是单色温闪光灯，也可以是双色温闪光灯。双色温闪光灯是指暖光闪光灯和冷光闪光灯的组合，可以用于不同色温下的光线补偿。

音频电路507可以包括麦克风和扬声器。麦克风用于采集用户及环境的声波，并将声波转换为电信号输入至处理器501进行处理，或者输入至射频电路504以实现语音通信。出于立体声采集或降噪的目的，麦克风可以为多个，分别设置在终端500的不同部位。麦克风还可以是阵列麦克风或全向采集型麦克风。扬声器则用于将来自处理器501或射频电路504的电信号转换为声波。扬声器可以是传统的薄膜扬声器，也可以是压电陶瓷扬声器。当扬声器是压电陶瓷扬声器时，不仅可以将电信号转换为人类可听见的声波，也可以将电信号转换为人类听不见的声波以进行测距等用途。在一些实施例中，音频电路507还可以包括耳机插孔。

定位组件508用于定位终端500的当前地理位置，以实现导航或LBS(LocationBased Service，基于位置的服务)。定位组件508可以是基于美国的GPS(GlobalPositioning System，全球定位系统)、中国的北斗系统、俄罗斯的格雷纳斯系统或欧盟的伽利略系统的定位组件。

电源509用于为终端500中的各个组件进行供电。电源509可以是交流电、直流电、一次性电池或可充电电池。当电源509包括可充电电池时，该可充电电池可以支持有线充电或无线充电。该可充电电池还可以用于支持快充技术。

在一些实施例中，终端500还包括有一个或多个传感器510。该一个或多个传感器510包括但不限于：加速度传感器511、陀螺仪传感器512、压力传感器513、指纹传感器514、光学传感器515以及接近传感器516。

加速度传感器510可以检测以终端500建立的坐标系的三个坐标轴上的加速度大小。比如，加速度传感器511可以用于检测重力加速度在三个坐标轴上的分量。处理器501可以根据加速度传感器511采集的重力加速度信号，控制触摸显示屏505以横向视图或纵向视图进行用户界面的显示。加速度传感器511还可以用于游戏或者用户的运动数据的采集。

陀螺仪传感器512可以检测终端500的机体方向及转动角度，陀螺仪传感器512可以与加速度传感器511协同采集用户对终端500的3D动作。处理器501根据陀螺仪传感器512采集的数据，可以实现如下功能：动作感应(比如根据用户的倾斜操作来改变UI)、拍摄时的图像稳定、游戏控制以及惯性导航。

压力传感器513可以设置在终端500的侧边框和/或触摸显示屏505的下层。当压力传感器513设置在终端500的侧边框时，可以检测用户对终端500的握持信号，由处理器501根据压力传感器513采集的握持信号进行左右手识别或快捷操作。当压力传感器513设置在触摸显示屏505的下层时，由处理器501根据用户对触摸显示屏505的压力操作，实现对UI界面上的可操作性控件进行控制。可操作性控件包括按钮控件、滚动条控件、图标控件、菜单控件中的至少一种。

指纹传感器514用于采集用户的指纹，由处理器501根据指纹传感器514采集到的指纹识别用户的身份，或者，由指纹传感器514根据采集到的指纹识别用户的身份。在识别出用户的身份为可信身份时，由处理器501授权该用户执行相关的敏感操作，该敏感操作包括解锁屏幕、查看加密信息、下载软件、支付及更改设置等。指纹传感器514可以被设置终端500的正面、背面或侧面。当终端500上设置有物理按键或厂商Logo时，指纹传感器514可以与物理按键或厂商Logo集成在一起。

光学传感器515用于采集环境光强度。在一个实施例中，处理器501可以根据光学传感器515采集的环境光强度，控制触摸显示屏505的显示亮度。具体地，当环境光强度较高时，调高触摸显示屏505的显示亮度；当环境光强度较低时，调低触摸显示屏505的显示亮度。在另一个实施例中，处理器501还可以根据光学传感器515采集的环境光强度，动态调整摄像头组件506的拍摄参数。

接近传感器516，也称距离传感器，通常设置在终端500的前面板。接近传感器516用于采集用户与终端500的正面之间的距离。在一个实施例中，当接近传感器516检测到用户与终端500的正面之间的距离逐渐变小时，由处理器501控制触摸显示屏505从亮屏状态切换为息屏状态；当接近传感器516检测到用户与终端500的正面之间的距离逐渐变大时，由处理器501控制触摸显示屏505从息屏状态切换为亮屏状态。

本领域技术人员可以理解，图5中示出的结构并不构成对终端500的限定，可以包括比图示更多或更少的组件，或者组合某些组件，或者采用不同的组件布置。

本公开实施例提供一种非临时性计算机可读存储介质，当存储介质中的指令由移动终端的处理器执行时，使得移动终端能够执行上述任一种显示网页的方法。

本公开实施例提供一种计算机程序产品，包括一条或多条指令，该一条或多条指令可以由电子设备的处理器执行时，使得电子设备能够执行一种以实现如上述任一显示网页的方法所执行的操作。

本领域技术人员在考虑说明书及实践这里公开的发明后，将容易想到本公开的其它实施方案。本申请旨在涵盖本公开的任何变型、用途或者适应性变化，这些变型、用途或者适应性变化遵循本公开的一般性原理并包括本公开未公开的本技术领域中的公知常识或惯用技术手段。说明书和实施例仅被视为示例性的。

应当理解的是，本公开并不局限于上面已经描述并在附图中示出的精确结构，并且可以在不脱离其范围进行各种修改和改变。本公开的范围仅由所附的权利要求来限制。

Claims (14)

1.一种显示网页的方法，其特征在于，包括：

获取网页显示指令，根据所述网页显示指令获取已初始化的WebView组件，所述已初始化的WebView组件对应有初始画布，所述已初始化的WebView组件是检测到客户端被打开后初始化得到的，或者，所述已初始化的WebView组件是所述客户端被安装后、所述客户端被打开前初始化得到的；

获取待显示的网页信息，所述待显示的网页信息携带用于触发所述已初始化的WebView组件绘制视图的函数；

当所述已初始化的WebView组件执行所述函数时，获取已渲染的第一画布，将所述已渲染的第一画布覆盖所述初始画布；

调用所述已初始化的WebView组件根据所述待显示的网页信息对所述已渲染的第一画布进行渲染，以显示所述网页。

2.根据权利要求1所述的显示网页的方法，其特征在于，所述方法还包括：

在所述获取网页显示指令之前，对所述WebView组件进行初始化。

3.根据权利要求1所述的显示网页的方法，其特征在于，所述将所述已渲染的第一画布覆盖所述初始画布，包括：

将所述已渲染的第一画布锁定于所述初始画布上，以使所述已渲染的第一画布覆盖所述初始画布。

4.根据权利要求3所述的显示网页的方法，其特征在于，所述将所述已渲染的第一画布锁定于所述初始画布上，包括：

调用画布锁定函数，通过所述画布锁定函数将所述已渲染的第一画布锁定于所述初始画布上。

5.根据权利要求1所述的显示网页的方法，其特征在于，所述获取已渲染的第一画布，包括：

调用渲染器，通过所述渲染器调用开放图形库渲染第一画布。

6.根据权利要求1-5任一所述的显示网页的方法，其特征在于，所述WebView组件是内置于终端的WebView组件，或者，是第三方WebView组件。

7.一种显示网页的装置，其特征在于，包括：

第一获取模块，被配置为获取网页显示指令，根据所述网页显示指令获取已初始化的WebView组件，所述已初始化的WebView组件对应有初始画布，所述已初始化的WebView组件是检测到客户端被打开后初始化得到的，或者，所述已初始化的WebView组件是所述客户端被安装后、所述客户端被打开前初始化得到的；

第二获取模块，被配置为获取待显示的网页信息，所述待显示的网页信息携带用于触发所述已初始化的WebView组件绘制视图的函数；

所述第二获取模块，还被配置为当所述已初始化的WebView组件执行所述函数时，获取已渲染的第一画布；

覆盖模块，被配置为将所述已渲染的第一画布覆盖所述初始画布；

渲染模块，被配置为调用所述已初始化的WebView组件根据所述待显示的网页信息对所述已渲染的第一画布进行渲染，以显示所述网页。

8.根据权利要求7所述的装置，其特征在于，所述装置还包括：

初始化模块，被配置为在所述获取网页显示指令之前，对所述WebView组件进行初始化。

9.根据权利要求7所述的装置，其特征在于，所述覆盖模块，被配置为将所述已渲染的第一画布锁定于所述初始画布上，以使所述已渲染的第一画布覆盖所述初始画布。

10.根据权利要求9所述的装置，其特征在于，所述覆盖模块，被配置为调用画布锁定函数，通过所述画布锁定函数将所述已渲染的第一画布锁定于所述初始画布上。

11.根据权利要求7所述的装置，其特征在于，所述第二获取模块，被配置为调用渲染器，通过所述渲染器调用开放图形库渲染第一画布。

12.根据权利要求7-11任一所述的装置，其特征在于，所述WebView组件是内置于终端的WebView组件，或者，是第三方WebView组件。

13.一种显示网页的设备，其特征在于，包括：

处理器；

被配置为存储处理器可执行指令的存储器；

其中，所述处理器被配置为加载并执行所述存储中存储的可执行指令，以实现权利要求1-6任一所述的显示网页的方法。

14.一种非临时性计算机可读存储介质，其特征在于，当所述存储介质中的指令由移动终端的处理器执行时，使得移动终端能够执行权利要求1-6任一所述的显示网页的方法，所述方法包括：

获取网页显示指令，根据所述网页显示指令获取已初始化的WebView组件，所述已初始化的WebView组件对应有初始画布，所述已初始化的WebView组件是检测到客户端被打开后初始化得到的，或者，所述已初始化的WebView组件是所述客户端被安装后、所述客户端被打开前初始化得到的；

获取待显示的网页信息，所述待显示的网页信息携带用于触发所述已初始化的WebView组件绘制视图的函数；

当所述已初始化的WebView组件执行所述函数时，获取已渲染的第一画布，将所述已渲染的第一画布覆盖所述初始画布；

调用所述已初始化的WebView组件根据所述待显示的网页信息对所述已渲染的第一画布进行渲染，以显示所述网页。

Images