CN104834655B - 一种显示网络资源的质量参数的方法和装置 - Google Patents

Abstract

本发明公开了一种显示网络资源的质量参数的方法和装置，属于互联网技术领域。所述方法包括：在网页页面的上方叠加一层透明或半透明的画布，所述网页页面包括至少一个网络资源的链接元素；获取所述网页页面中的每个网络资源的链接元素的位置和所述每个网络资源的质量参数；根据所述每个网络资源的链接元素的位置，在所述画布上分别绘制与所述每个网络资源的质量参数相对应的图形。所述装置包括：叠加模块，第一获取模块和绘制模块。本发明中在网页页面中显示与每个网络资源的质量参数对应的图形，用户可以根据网页页面中显示的与每个网络资源的质量参数相对应的图形选择网络资源，缩短了选择网络资源的时间，从而提高了选择效率。

Description

一种显示网络资源的质量参数的方法和装置

技术领域

本发明涉及互联网技术领域，特别涉及一种显示网络资源的质量参数的方法和装置。

背景技术

网络资源可以为网页应用或者网络信息等，网络资源的质量参数可以为网络资源的点击量、下载量或者购买量等。网络资源的质量参数越大，说明网络资源的受欢迎度越高，通常在网页页面中显示网络资源的质量参数，给用户选择网络资源提供依据。

例如，网络资源为网页应用，网络资源的质量参数为网页应用的点击量，在网页页面中显示网页应用的点击量，用户可以根据网页应用的点击量选择网页应用。在网页页面中显示网页应用的点击量的过程可以为：终端获取每个网页应用的点击量，在网页页面中显示每个网页应用的链接，该链接可以包括网页应用的标题，在每个网页应用的链接旁边分别标注每个网页应用的点击量。

在实现本发明的过程中，发明人发现现有技术至少存在以下问题：

当网页应用的点击量非常大，往往有几位或十几位数组成，使得用户需要较长时间的观测才能获知点击量的具体大小，导致选择网络资源的时间较长，效率低下。

发明内容

为了使解决现有技术的问题，本发明提供了一种显示网络资源的质量参数的方法和装置。技术方案如下：

一方面，本发明提供了一种显示网络资源的质量参数的方法，所述方法包括：

在网页页面的上方叠加一层透明或半透明的画布，所述网页页面包括至少一个网络资源的链接元素；

获取所述网页页面中的每个网络资源的链接元素的位置和所述每个网络资源的质量参数；

根据所述每个网络资源的链接元素的位置，在所述画布上分别绘制与所述每个网络资源的质量参数相对应的图形。

另一方面，本发明提供了一种显示网络资源的质量参数的装置，所述装置包括：

叠加模块，用于在网页页面的上方叠加一层透明或半透明的画布，所述网页页面包括至少一个网络资源的链接元素；

第一获取模块，用于获取所述网页页面中的每个网络资源的链接元素的位置和所述每个网络资源的质量参数；

绘制模块，用于根据所述每个网络资源的链接元素的位置，在所述画布上分别绘制与所述每个网络资源的质量参数相对应的图形。

在本发明实施例中，在网页页面的上方叠加一层透明或半透明的画布；获取网页页面中的每个网络资源的链接元素的位置和每个网络资源的质量参数；根据每个网络资源的链接元素的位置，在画布上分别绘制与每个网络资源的质量参数相对应的图形，用户可以根据网页页面中显示的与每个网络资源的质量参数相对应的图形选择网络资源，缩短了选择网络资源的时间，从而提高了选择效率。

附图说明

图1是本发明实施例1提供的一种显示网络资源的质量参数的方法流程图；

图2-1是本发明实施例2提供的一种显示网络资源的质量参数的方法流程图；

图2-2是本发明实施例2提供的一种显示网络资源的质量参数的界面图；

图3是本发明实施例3提供的一种显示网页应用的点击量的方法流程图；

图4是本发明实施例4提供的一种显示视频的下载量的方法流程图；

图5是本发明实施例5提供的一种显示商品的购买量的方法流程图；

图6是本发明实施例6提供的一种显示网络资源的质量参数的装置结构示意图；

图7是本发明实施例7提供的一种终端的结构示意图。

具体实施方式

为使本发明的目的、技术方案和优点更加清楚，下面将结合附图对本发明实施方式作进一步地详细描述。

实施例1

本发明实施例提供了一种显示网络资源的质量参数的方法，参见图1，其中，该方法包括：

步骤101：在网页页面的上方叠加一层透明或半透明的画布，该网页页面包括至少一个网络资源的链接元素；

步骤102：获取网页页面中的每个网络资源的链接元素的位置和每个网络资源的质量参数；

步骤103：根据每个网络资源的链接元素的位置，在画布上分别绘制与每个网络资源的质量参数相对应的图形。

在本发明实施例中，在网页页面的上方叠加一层透明或半透明的画布；获取网页页面中的每个网络资源的链接元素的位置和每个网络资源的质量参数；根据每个网络资源的链接元素的位置，在画布上分别绘制与每个网络资源的质量参数相对应的图形，用户可以根据网页页面中显示的与每个网络资源的质量参数相对应的图形选择网络资源，缩短了选择网络资源的时间，从而提高了选择效率。

实施例2

本发明实施例提供了一种显示网络资源的质量参数的方法，该方法的执行主体为终端。网络资源可以为网页应用、视频或者商品等，相应的，质量参数可以为点击量、下载量或者购买量。例如，在显示网页应用的网页页面中，显示网页应用的点击量，用户可以根据网页应用的点击量选择网页应用；再如，在显示视频的链接的网页页面中，显示视频的链接的下载量，用户可以根据视频的链接的下载量下载视频；再如，在显示商品的介绍信息的网页页面中，显示商品的购买量，用户可以根据商品的购买量购买商品。参见图2，其中，该方法包括：

步骤201：在网页页面的上方叠加一层透明或半透明的画布，该网页页面包括至少一个网络资源的链接元素；

当用户浏览网页时，终端根据网页页面的标识，从服务器中获取网页页面，然后再执行本步骤。网页页面的标识可以为网页页面的URL(Uniform Resource Locator，统一资源定位符)等。

步骤201可以通过以下步骤(1)至(3)实现，包括：

(1)：在网页页面的上方叠加一个画布元素；

画布元素可以为canvas(画布)元素，在终端当前显示的网页页面的上方叠加一个canvas元素。该终端当前显示的网页页面包括至少一个网络资源的链接元素。

(2)：根据网页页面的大小，设置画布元素的大小；

根据网页页面的大小，将画布元素的大小设置为网页页面的大小，从而实现画布元素完全覆盖网页页面。

(3)：将画布元素的透明属性设置为透明或半透明，以形成透明或半透明的画布。

在本步骤中，将画布元素的透明属性设置为透明或半透明的，从而画布元素并不会遮挡网页页面的内容，可以透过画布可以看到网页页面上的内容。

需要说明的是，如果显示网络资源的质量参数给开发人员，开发人员比较关注质量参数的大小，因此，在本步骤中，可以将画布元素的透明属性设置为半透明的；如果显示网络资源的质量参数给用户，用户不仅关注质量参数的大小，还关注网络资源的信息，因此，在本步骤中，可以将画布元素的透明属性设置为透明的。

步骤202：获取网页页面中的每个网络资源的链接元素的位置和每个网络资源的质量参数；

其中，获取网页页面中的每个网络资源的链接元素的位置的步骤可以通过第一种方式实现或者第二种方式实现，对于第一种实现方式，可以为：

获取网页页面中的每个网络资源的资源标识，根据每个网络资源的资源标识，从已存储的资源标识和链接元素的位置的对应关系中获取每个网络资源的链接元素的位置。

在本步骤之前，终端接收服务器发送的每个网络资源的资源标识和每个网络资源的链接元素的位置，将每个网络资源的资源标识和每个网络资源的链接元素的位置之间的对应关系存储在资源标识和链接元素的位置的对应关系中。网络资源的资源标识可以为网络资源的名称等。链接元素包括网页应用的图标、视频的链接或者商品的介绍信息等，网页页面中显示链接元素，链接元素在网页页面中通常占用一个区域，可以将链接元素占用区域内的任一点作为链接元素在网页页面中的位置，优选的，将链接元素占用区域的中心点作为链接元素的位置，也可以将链接元素占用区域的顶点作为链接元素的位置，如果链接元素占用区域为不规则图形，也可以将链接元素占用区域的对角线的交点作为链接元素的位置。

链接元素的位置可以为链接元素在网页页面中的坐标。

对于第二种实现方式，可以为：

获取网页页面中的每个网络资源的资源标识，分别发送每个网络资源的资源标识给服务器；服务器接收终端发送的每个网络资源的资源标识，根据每个网络资源的资源标识，从已存储的资源标识和链接元素的位置的对应关系中获取每个网络资源的链接元素的位置，分别发送每个网络资源的链接元素的位置给终端；终端接收服务器发送的每个网络资源的链接元素的位置。

在本步骤之前，服务器获取每个网络资源的资源标识和每个网络资源的链接元素的位置，将每个网络资源的资源标识和每个网络资源的链接元素的位置之间的对应关系存储在资源标识和链接元素的位置的对应关系中。

其中，获取网页页面中的每个网络资源的质量参数，可以为：

分别发送网页页面中的每个网络资源的资源标识给服务器；服务器接收终端发送的每个网络资源的资源标识，根据每个网络资源的资源标识，分别从资源标识和质量参数的对应关系中获取每个网络资源的质量参数，分别发送每个网络资源的质量参数给终端；终端接收服务器发送的每个网络资源的质量参数。

其中，在本步骤之前，服务器统计每个网络资源的质量参数，将每个网络资源的资源标识和每个网络资源的质量参数之间的对应关系存储在资源标识和质量参数的对应关系中。

其中，质量参数可以为点击量、下载量或者购买量等。

步骤203：根据每个网络资源的链接元素的位置，在画布上分别绘制与每个网络资源的质量参数相对应的图形；

步骤203可以通过第一种方式实现或者第二种方式实现。对于第一种实现方式，不同的网络资源的质量参数可能对应形状为预设形状但大小不同的图形，通过查看与网络资源的质量参数对应的图形的图形大小获知哪些网络资源的质量参数大，哪些网络资源的质量参数小。对于第二种实现方式，不同的网络资源的质量参数可能对应不同的图形形状，通过查看与网络资源的质量参数对应的图形的图形形状获知哪些网络资源的质量参数大，哪些网络资源的质量参数小。

对于第一种实现方式，可以通过以下步骤(1)和(2)实现，包括：

(1)：根据每个网络资源的质量参数，分别计算与每个网络资源的质量参数相对应的图形大小；

图形大小可以为图形的长度、高度或者直径等，例如预设形状为圆形时，图形大小为圆的直径。

(2)：根据每个网络资源的链接元素的位置和与每个网络资源的质量参数相对应的图形大小，在画布上分别绘制与每个网络资源的质量参数相对应的预设形状的图形。

具体地，获取绘图规则，根据每个网络资源的链接元素的位置和绘图规则，在画布上分别确定每个网络资源的质量参数相对应的图形的绘图位置，根据与每个网络资源的质量参数相对应的图形大小，在确定出的每个网络资源的质量参数相对应的图形的绘图位置上，分别绘制与每个网络资源的质量参数相对应的图形大小且形状为预设形状的图形。

绘图规则可以为将与每个网络资源的质量参数相对应的图形绘制在链接元素的位置的正上方、绘制在链接元素的位置右侧且与链接元素的位置之间的距离为第一预设距离的位置处、绘制链接元素的左侧且与链接元素的位置之间的距离为第二预设距离的位置处、绘制在链接元素的右下角且与链接元素的位置之间的距离为第三预设距离的位置处或者绘制链接元素的左上角且与链接元素的位置之间的距离为第四预设距离的位置处等。

如果显示网络资源的质量参数给开发人员，开发人员比较关注质量参数的大小，因此，在本步骤中，可以将与每个网络资源的质量参数相对应的图形绘制在链接元素的位置的正上方；如果显示网络资源的质量参数给用户，用户不仅关注质量参数的大小，还关注网络资源的信息，为了不遮挡网页页面中的网络资源的信息，因此，在本步骤中，可以将与每个网络资源的质量参数相对应的图形绘制在链接元素的位置右侧且与链接元素的位置之间的距离为第一预设距离的位置处、绘制链接元素的左侧且与链接元素的位置之间的距离为第二预设距离的位置处、绘制在链接元素的右下角且与链接元素的位置之间的距离为第三预设距离的位置处或者绘制链接元素的左上角且与链接元素的位置之间的距离为第四预设距离的位置处等。

第一预设距离、第二预设距离、第三预设距离、第四预设距离可以根据网页页面的大小进行设置并更改。

预设形状可以根据用户需要进行设置并更改，例如，在本步骤之前，用户可以输入预设形状给终端，终端接收用户输入的预设形状，保存用户输入的预设形状。

预设形状可以为三角形、正方形或者圆形等。

对于第二种实现方式，可以为通过以下步骤(A)至(C)实现，包括：

(A)：对每个网络资源的质量参数进行排序，得到每个网络资源的序号；

对于第二种实现方式，不同的网络资源的质量参数对应不同的图形形状，因此，在本步骤中，根据每个网络资源的质量参数的大小，对每个网络资源的质量参数进行排序，得到每个网络资源的序号。

例如，第一网络资源的质量参数为11112560、第二网络资源的质量参数为1125647、第三网络资源的质量参数为58962，根据每个网络资源的质量参数的大小，对每个网络资源的质量参数进行排序，得到第一网络资源的质量参数的序号为1、第二网络资源的质量参数的序号为2以及第三网络资源的质量参数的序号为3。

(B)：根据每个网络资源的序号，从图形列表中获取与每个网络资源的质量参数相对应的图形，该图形列表用于存储序号和图形的对应关系；

不同的网络资源的质量参数对应不同的图形形状，根据每个网络资源的序号，从图形列表中获取与每个网络资源的质量参数相对应的图形。

例如，序号1对应的图形为圆圈、序号2对应的图形为五角星、序号3对应的图形为正方形等，则与第一网络资源的质量参数相对应的图形为圆圈，与第二网络资源的质量参数相对应的图形为五角星，与第三网络资源的质量参数相对应的图形为正方形。

在本步骤之前，接收用户输入的序号和图形，将用户输入的序号和图形之间的对应关系添加到图形列表中。

(C)：根据每个网络资源的链接元素的位置，在画布上分别绘制与每个网络资源的质量参数相对应的图形。

具体地，获取绘图规则，根据每个网络资源的链接元素的位置和绘图规则，在画布上分别确定每个网络资源的质量参数相对应的图形的绘图位置，在画布上确定出的每个网络资源的质量参数相对应的图形的绘图位置上，分别绘制与每个网络资源的质量参数相对应的图形。

进一步地，在画布上分别绘制与每个网络资源的质量参数相对应的每帧图形时，逐渐增大该图形的大小，以最后绘制出与每个网络资源的质量参数相对应的图形。例如，图形的直径为2厘米，绘制第一帧图形时，绘制直径为1厘米的图形，绘制第二帧图形时，绘制直径为1.1厘米的图形……绘制第十帧图形时，绘制直径为2厘米的图形，从而产生与每个网络资源的质量参数相对应的图形的闪动效果。

步骤204：将与每个网络资源的质量参数相对应的图形设置为半透明；

将与每个网络资源的质量参数相对应的图形的透明属性设置为半透明，从而与每个网络资源的质量参数相对应的图形不会完全遮挡网页页面上的内容，也即透过与每个网络资源的质量参数相对应的图形可以看到该图形下方的网页页面上的内容。

步骤205：将每个网络资源的质量参数分别加载到与每个网络资源的质量参数相对应的图形上；

例如，第一网络资源的质量参数为11112560、第二网络资源的质量参数为1125647、第三网络资源的质量参数为58962，根据每个网络资源的链接元素的位置，在画布上分别绘制与每个网络资源的质量参数相对应的圆圈，将每个网络资源的质量参数分别加载到与每个网络资源的质量参数相对应的圆圈上，参见图2-2。

将网络资源的质量参数加载到网络资源的质量参数相对应的图形上，显示与网络资源的质量参数相对应的图形和该图形上的质量参数给开发人员，开发人员人员可以根据与网络资源的质量参数相对应的图形和该图形上的质量参数对网络资源进行质量评估。

显示与网络资源的质量参数相对应的图形和该图形上的质量参数给用户，用户可以根据网络资源的质量参数和/或与网络资源的质量参数相对应的图形选择网络资源，执行步骤206。

步骤206：检测用户点击画布的位置；

当用户想要获取网络资源时，用户可以点击画布上显示的链接元素；终端实时检测终端屏幕，获取用户点击画布的位置。

由于网页页面的上方叠加了一层画布，因此，用户点击网页页面中显示的链接元素实际是点击在画布上显示的链接元素。

步骤207：根据点击画布的位置，获取网络资源的资源标识；

将点击画布的位置确定为点击网页页面中的链接元素的位置，根据点击网页页面中的链接元素的位置和预设位置范围，确定链接元素所在的位置范围；根据链接元素所在的位置范围，从链接元素的位置范围和资源标识的对应关系中获取网络资源的资源标识。

其中，根据点击网页页面中的链接元素的位置是否在预设位置范围内，如果在，将该预设位置范围确定为链接元素的位置范围。

例如，用户点击网页页面中的链接元素的位置为(1，5)，第一预设位置范围为(0～2，3～6)，第二预设位置范围为(2～4，0～3)等。根据(1，5)确定出(1，5)所在的位置范围为第一预设位置范围，将第一预设位置范围确定为(1，5)所在的位置范围。

步骤208：根据网络资源的资源标识获取对应的网络资源。

具体地，发送网络资源的资源标识给服务器；服务器接收终端发送的网络资源的资源标识，根据网络资源的资源标识下载网络资源的资源标识对应的网络资源，发送网络资源的资源标识对应的网络资源给终端；终端接收服务器发送的网络资源的资源标识对应的网络资源，显示网络资源的资源标识对应的网络资源。

在本发明实施例中，在网页页面的上方叠加一层透明或半透明的画布；获取网页页面中的每个网络资源的链接元素的位置和每个网络资源的质量参数；根据每个网络资源的链接元素的位置，在画布上分别绘制与每个网络资源的质量参数相对应的图形，用户可以根据网页页面中显示的与每个网络资源的质量参数相对应的图形选择网络资源，缩短了选择网络资源的时间，从而提高了选择效率。

实施例3

在本实施例中以网络资源为网页应用，质量参数为点击量为例进行说明，在显示网页应用的网页页面中，显示网页应用的点击量，用户可以根据网页应用的点击量选择网页应用。本发明实施例提供了一种显示网页应用的点击量的方法，该方法的执行主体为终端。参见图3，其中，该方法包括：

步骤301：在网页页面的上方叠加一层透明或半透明的画布，该网页页面包括至少一个网页应用的链接元素；

当用户浏览网页时，终端根据网页页面的标识，从服务器中获取网页页面，然后再执行本步骤。网页页面的标识可以为网页页面的URL等。

步骤301可以通过以下步骤(1)至(3)实现，包括：

(1)：在网页页面的上方叠加一个画布元素；

画布元素可以为canvas元素，在终端当前显示的网页页面的上方叠加一个canvas元素。该终端当前显示的网页页面包括至少一个网页应用的链接元素。

(2)：根据网页页面的大小，设置画布元素的大小；

根据网页页面的大小，将画布元素的大小设置为网页页面的大小，从而实现画布元素完全覆盖网页页面。

(3)：将画布元素的透明属性设置为透明或半透明，以形成透明或半透明的画布。

在本步骤中，将画布元素的透明属性设置为透明或半透明的，从而画布元素并不会遮挡网页页面的内容，可以透过画布可以看到网页页面上的内容。

需要说明的是，如果显示网页应用的点击量给开发人员，开发人员比较关注点击量的大小，因此，在本步骤中，可以将画布元素的透明属性设置为半透明的；如果显示网页应用的点击量给用户，用户不仅关注点击量的大小，还关注网页应用的信息，因此，在本步骤中，可以将画布元素的透明属性设置为透明的。

步骤302：获取网页页面中的每个网页应用的链接元素的位置和每个网页应用的点击量；

其中，获取网页页面中的每个网页应用的链接元素的位置的步骤可以通过第一种方式实现或者第二种方式实现，对于第一种实现方式，可以为：

获取网页页面中的每个网页应用的应用标识，根据每个网页应用的应用标识，从已存储的应用标识和链接元素的位置的对应关系中获取每个网页应用的链接元素的位置。

在本步骤之前，终端接收服务器发送的每个网页应用的应用标识和每个网页应用的链接元素的位置，将每个网页应用的应用标识和每个网页应用的链接元素的位置之间的对应关系存储在应用标识和链接元素的位置的对应关系中。网页应用的应用标识可以为网页应用的名称等。链接元素包括网页应用的图标等，网页页面中显示链接元素，链接元素在网页页面中通常占用一个区域，可以将链接元素占用区域内的任一点作为链接元素在网页页面中的位置，优选的，将链接元素占用区域的中心点作为链接元素的位置，也可以将链接元素占用区域的顶点作为链接元素的位置，如果链接元素占用区域为不规则图形，也可以将链接元素占用区域的对角线的交点作为链接元素的位置。

链接元素的位置可以为链接元素在网页页面中的坐标。

对于第二种实现方式，可以为：

获取网页页面中的每个网页应用的应用标识，分别发送每个网页应用的应用标识给服务器；服务器接收终端发送的每个网页应用的应用标识，根据每个网页应用的应用标识，从已存储的应用标识和链接元素的位置的对应关系中获取每个网页应用的链接元素的位置，分别发送每个网页应用的链接元素的位置给终端；终端接收服务器发送的每个网页应用的链接元素的位置。

在本步骤之前，服务器获取每个网页应用的应用标识和每个网页应用的链接元素的位置，将每个网页应用的应用标识和每个网页应用的链接元素的位置之间的对应关系存储在应用标识和链接元素的位置的对应关系中。

其中，获取网页页面中的每个网页应用的点击量，可以为：

分别发送网页页面中的每个网页应用的应用标识给服务器；服务器接收终端发送的每个网页应用的应用标识，根据每个网页应用的应用标识，分别从应用标识和点击量的对应关系中获取每个网页应用的点击量，分别发送每个网页应用的点击量给终端；终端接收服务器发送的每个网页应用的点击量。

其中，在本步骤之前，服务器统计每个网页应用的点击量，将每个网页应用的应用标识和每个网页应用的点击量之间的对应关系存储在应用标识和点击量的对应关系中。

步骤303：根据每个网页应用的链接元素的位置，在画布上分别绘制与每个网页应用的点击量相对应的图形；

步骤303可以通过第一种方式实现或者第二种方式实现。对于第一种实现方式，不同的网页应用的点击量可能对应形状为预设形状但大小不同的图形，通过查看与网页应用的点击量对应的图形的图形大小获知哪些网页应用的点击量大，哪些网页应用的点击量小。对于第二种实现方式，不同的网页应用的点击量可能对应不同的图形形状，通过查看与网页应用的点击量对应的图形的图形形状获知哪些网页应用的点击量大，哪些网页应用的点击量小。

对于第一种实现方式，可以通过以下步骤(1)和(2)实现，包括：

(1)：根据每个网页应用的点击量，分别计算与每个网页应用的点击量相对应的图形大小；

图形大小可以为图形的长度、高度或者直径等，例如预设形状为圆形时，图形大小为圆的直径。

(2)：根据每个网页应用的链接元素的位置和与每个网页应用的点击量相对应的图形大小，在画布上分别绘制与每个网页应用的点击量相对应的预设形状的图形。

具体地，获取绘图规则，根据每个网页应用的链接元素的位置和绘图规则，在画布上分别确定每个网页应用的点击量相对应的图形的绘图位置，根据与每个网页应用的点击量相对应的图形大小，在确定出的每个网页应用的点击量相对应的图形的绘图位置上，分别绘制与每个网页应用的点击量相对应的图形大小且形状为预设形状的图形。

绘图规则可以为将与每个网页应用的点击量相对应的图形绘制在链接元素的位置的正上方、绘制在链接元素的位置右侧且与链接元素的位置之间的距离为第一预设距离的位置处、绘制链接元素的左侧且与链接元素的位置之间的距离为第二预设距离的位置处、绘制在链接元素的右下角且与链接元素的位置之间的距离为第三预设距离的位置处或者绘制链接元素的左上角且与链接元素的位置之间的距离为第四预设距离的位置处等。

如果显示网页应用的点击量给开发人员，开发人员比较关注点击量的大小，因此，在本步骤中，可以将与每个网页应用的点击量相对应的图形绘制在链接元素的位置的正上方；如果显示网页应用的点击量给用户，用户不仅关注点击量的大小，还关注网页应用的信息，为了不遮挡网页页面中的网页应用的信息，因此，在本步骤中，可以将与每个网页应用的点击量相对应的图形绘制在链接元素的位置右侧且与链接元素的位置之间的距离为第一预设距离的位置处、绘制链接元素的左侧且与链接元素的位置之间的距离为第二预设距离的位置处、绘制在链接元素的右下角且与链接元素的位置之间的距离为第三预设距离的位置处或者绘制链接元素的左上角且与链接元素的位置之间的距离为第四预设距离的位置处等。

第一预设距离、第二预设距离、第三预设距离、第四预设距离可以根据网页页面的大小进行设置并更改。

预设形状可以根据用户需要进行设置并更改，例如，在本步骤之前，用户可以输入预设形状给终端，终端接收用户输入的预设形状，保存用户输入的预设形状。

预设形状可以为三角形、正方形或者圆形等。

对于第二种实现方式，可以为通过以下步骤(A)至(C)实现，包括：

(A)：对每个网页应用的点击量进行排序，得到每个网页应用的序号；

对于第二种实现方式，不同的网页应用的点击量对应不同的图形形状，因此，在本步骤中，根据每个网页应用的点击量的大小，对每个网页应用的点击量进行排序，得到每个网页应用的序号。

(B)：根据每个网页应用的序号，从图形列表中获取与每个网页应用的点击量相对应的图形，该图形列表用于存储序号和图形的对应关系；

不同的网页应用的点击量对应不同的图形形状，根据每个网页应用的序号，从图形列表中获取与每个网页应用的点击量相对应的图形。

在本步骤之前，接收用户输入的序号和图形，将用户输入的序号和图形之间的对应关系添加到图形列表中。

(C)：根据每个网页应用的链接元素的位置，在画布上分别绘制与每个网页应用的点击量相对应的图形。

具体地，获取绘图规则，根据每个网页应用的链接元素的位置和绘图规则，在画布上分别确定每个网页应用的点击量相对应的图形的绘图位置，在画布上确定出的每个网页应用的点击量相对应的图形的绘图位置上，分别绘制与每个网页应用的点击量相对应的图形。

进一步地，在画布上分别绘制与每个网页应用的点击量相对应的每帧图形时，逐渐增大该图形的大小，以最后绘制出与每个网页应用的点击量相对应的图形。例如，图形的直径为2厘米，绘制第一帧图形时，绘制直径为1厘米的图形，绘制第二帧图形时，绘制直径为1.1厘米的图形……绘制第十帧图形时，绘制直径为2厘米的图形，从而产生与每个网页应用的点击量相对应的图形的闪动效果。

步骤304：将与每个网页应用的点击量相对应的图形设置为半透明；

将与每个网页应用的点击量相对应的图形的透明属性设置为半透明，从而与每个网页应用的点击量相对应的图形不会完全遮挡网页页面上的内容，也即透过与每个网页应用的点击量相对应的图形可以看到该图形下方的网页页面上的内容。

步骤305：将每个网页应用的点击量分别加载到与每个网页应用的点击量相对应的图形上；

将网页应用的点击量加载到网页应用的点击量相对应的图形上，显示与网页应用的点击量相对应的图形和该图形上的点击量给开发人员，开发人员人员可以根据与网页应用的点击量相对应的图形和该图形上的点击量对网页应用进行质量评估。

显示与网页应用的点击量相对应的图形和该图形上的点击量给用户，用户可以根据网页应用的点击量和/或与网页应用的点击量相对应的图形选择网页应用，执行步骤306。

步骤306：检测用户点击画布的位置；

当用户想要获取网页应用时，用户可以点击画布上显示的链接元素；终端实时检测终端屏幕，获取用户点击画布的位置。

由于网页页面的上方叠加了一层画布，因此，用户点击网页页面中显示的链接元素实际是点击在画布上显示的链接元素。

步骤307：根据点击画布的位置，获取网页应用的应用标识；

将点击画布的位置确定为点击网页页面中的链接元素的位置，根据点击网页页面中的链接元素的位置和预设位置范围，确定链接元素所在的位置范围；根据链接元素所在的位置范围，从链接元素的位置范围和应用标识的对应关系中获取网页应用的应用标识。

其中，根据点击网页页面中的链接元素的位置是否在预设位置范围内，如果在，将该预设位置范围确定为链接元素的位置范围。

步骤308：根据网页应用的应用标识获取对应的网页应用。

具体地，发送网页应用的应用标识给服务器；服务器接收终端发送的网页应用的应用标识，根据网页应用的应用标识下载网页应用的应用标识对应的网页应用，发送网页应用的应用标识对应的网页应用给终端；终端接收服务器发送的网页应用的应用标识对应的网页应用，显示网页应用的应用标识对应的网页应用。

在本发明实施例中，在网页页面的上方叠加一层透明或半透明的画布；获取网页页面中的每个网页应用的链接元素的位置和每个网页应用的点击量；根据每个网页应用的链接元素的位置，在画布上分别绘制与每个网页应用的点击量相对应的图形，用户可以根据网页页面中显示的与每个网页应用的点击量相对应的图形选择网页应用，缩短了选择网页应用的时间，从而提高了选择效率。

实施例4

在本实施例中以网络资源为视频，质量参数为下载量为例进行说明，在显示视频的链接的网页页面中，显示视频的下载量，用户可以根据视频的下载量选择视频。本发明实施例提供了一种显示视频的下载量的方法，该方法的执行主体为终端。参见图4，其中，该方法包括：

步骤401：在网页页面的上方叠加一层透明或半透明的画布，该网页页面包括至少一个视频的链接元素；

当用户浏览网页时，终端根据网页页面的标识，从服务器中获取网页页面，然后再执行本步骤。网页页面的标识可以为网页页面的URL等。

步骤401可以通过以下步骤(1)至(3)实现，包括：

(1)：在网页页面的上方叠加一个画布元素；

画布元素可以为canvas元素，在终端当前显示的网页页面的上方叠加一个canvas元素。该终端当前显示的网页页面包括至少一个视频的链接元素。

(2)：根据网页页面的大小，设置画布元素的大小；

根据网页页面的大小，将画布元素的大小设置为网页页面的大小，从而实现画布元素完全覆盖网页页面。

(3)：将画布元素的透明属性设置为透明或半透明，以形成透明或半透明的画布。

在本步骤中，将画布元素的透明属性设置为透明或半透明的，从而画布元素并不会遮挡网页页面的内容，可以透过画布可以看到网页页面上的内容。

需要说明的是，如果显示视频的下载量给开发人员，开发人员比较关注下载量的大小，因此，在本步骤中，可以将画布元素的透明属性设置为半透明的；如果显示视频的下载量给用户，用户不仅关注下载量的大小，还关注视频的介绍信息，因此，在本步骤中，可以将画布元素的透明属性设置为透明的。

步骤402：获取网页页面中的每个视频的链接元素的位置和每个视频的下载量；

其中，获取网页页面中的每个视频的链接元素的位置的步骤可以通过第一种方式实现或者第二种方式实现，对于第一种实现方式，可以为：

获取网页页面中的每个视频的标识，根据每个视频的标识，从已存储的标识和链接元素的位置的对应关系中获取每个视频的链接元素的位置。

在本步骤之前，终端接收服务器发送的每个视频的标识和每个视频的链接元素的位置，将每个视频的标识和每个视频的链接元素的位置之间的对应关系存储在标识和链接元素的位置的对应关系中。视频的标识可以为视频的URL等。链接元素包括视频的图标等，网页页面中显示链接元素，链接元素在网页页面中通常占用一个区域，可以将链接元素占用区域内的任一点作为链接元素在网页页面中的位置，优选的，将链接元素占用区域的中心点作为链接元素的位置，也可以将链接元素占用区域的顶点作为链接元素的位置，如果链接元素占用区域为不规则图形，也可以将链接元素占用区域的对角线的交点作为链接元素的位置。

链接元素的位置可以为链接元素在网页页面中的坐标。

对于第二种实现方式，可以为：

获取网页页面中的每个视频的标识，分别发送每个视频的标识给服务器；服务器接收终端发送的每个视频的标识，根据每个视频的标识，从已存储的标识和链接元素的位置的对应关系中获取每个视频的链接元素的位置，分别发送每个视频的链接元素的位置给终端；终端接收服务器发送的每个视频的链接元素的位置。

在本步骤之前，服务器获取每个视频的标识和每个视频的链接元素的位置，将每个视频的标识和每个视频的链接元素的位置之间的对应关系存储在标识和链接元素的位置的对应关系中。

其中，获取网页页面中的每个视频的下载量，可以为：

分别发送网页页面中的每个视频的标识给服务器；服务器接收终端发送的每个视频的标识，根据每个视频的标识，分别从标识和下载量的对应关系中获取每个视频的下载量，分别发送每个视频的下载量给终端；终端接收服务器发送的每个视频的下载量。

其中，在本步骤之前，服务器统计每个视频的下载量，将每个视频的标识和每个视频的下载量之间的对应关系存储在标识和下载量的对应关系中。

步骤403：根据每个视频的链接元素的位置，在画布上分别绘制与每个视频的下载量相对应的图形；

步骤403可以通过第一种方式实现或者第二种方式实现。对于第一种实现方式，不同的视频的下载量可能对应形状为预设形状但大小不同的图形，通过查看与视频的下载量对应的图形的图形大小获知哪些视频的下载量大，哪些视频的下载量小。对于第二种实现方式，不同的视频的下载量可能对应不同的图形形状，通过查看与视频的下载量对应的图形的图形形状获知哪些视频的下载量大，哪些视频的下载量小。

对于第一种实现方式，可以通过以下步骤(1)和(2)实现，包括：

(1)：根据每个视频的下载量，分别计算与每个视频的下载量相对应的图形大小；

图形大小可以为图形的长度、高度或者直径等，例如预设形状为圆形时，图形大小为圆的直径。

(2)：根据每个视频的链接元素的位置和与每个视频的下载量相对应的图形大小，在画布上分别绘制与每个视频的下载量相对应的预设形状的图形。

具体地，获取绘图规则，根据每个视频的链接元素的位置和绘图规则，在画布上分别确定每个视频的下载量相对应的图形的绘图位置，根据与每个视频的下载量相对应的图形大小，在确定出的每个视频的下载量相对应的图形的绘图位置上，分别绘制与每个视频的下载量相对应的图形大小且形状为预设形状的图形。

绘图规则可以为将与每个视频的下载量相对应的图形绘制在链接元素的位置的正上方、绘制在链接元素的位置右侧且与链接元素的位置之间的距离为第一预设距离的位置处、绘制链接元素的左侧且与链接元素的位置之间的距离为第二预设距离的位置处、绘制在链接元素的右下角且与链接元素的位置之间的距离为第三预设距离的位置处或者绘制链接元素的左上角且与链接元素的位置之间的距离为第四预设距离的位置处等。

如果显示视频的下载量给开发人员，开发人员比较关注下载量的大小，因此，在本步骤中，可以将与每个视频的下载量相对应的图形绘制在链接元素的位置的正上方；如果显示视频的下载量给用户，用户不仅关注下载量的大小，还关注视频的介绍信息，为了不遮挡网页页面中的视频的介绍信息，因此，在本步骤中，可以将与每个视频的下载量相对应的图形绘制在链接元素的位置右侧且与链接元素的位置之间的距离为第一预设距离的位置处、绘制链接元素的左侧且与链接元素的位置之间的距离为第二预设距离的位置处、绘制在链接元素的右下角且与链接元素的位置之间的距离为第三预设距离的位置处或者绘制链接元素的左上角且与链接元素的位置之间的距离为第四预设距离的位置处等。

第一预设距离、第二预设距离、第三预设距离、第四预设距离可以根据网页页面的大小进行设置并更改。

预设形状可以根据用户需要进行设置并更改，例如，在本步骤之前，用户可以输入预设形状给终端，终端接收用户输入的预设形状，保存用户输入的预设形状。

预设形状可以为三角形、正方形或者圆形等。

对于第二种实现方式，可以为通过以下步骤(A)至(C)实现，包括：

(A)：对每个视频的下载量进行排序，得到每个视频的序号；

对于第二种实现方式，不同的视频的下载量对应不同的图形形状，因此，在本步骤中，根据每个视频的下载量的大小，对每个视频的下载量进行排序，得到每个视频的序号。

(B)：根据每个视频的序号，从图形列表中获取与每个视频的下载量相对应的图形，该图形列表用于存储序号和图形的对应关系；

不同的视频的下载量对应不同的图形形状，根据每个视频的序号，从图形列表中获取与每个视频的下载量相对应的图形。

在本步骤之前，接收用户输入的序号和图形，将用户输入的序号和图形之间的对应关系添加到图形列表中。

(C)：根据每个视频的链接元素的位置，在画布上分别绘制与每个视频的下载量相对应的图形。

具体地，获取绘图规则，根据每个视频的链接元素的位置和绘图规则，在画布上分别确定每个视频的下载量相对应的图形的绘图位置，在画布上确定出的每个视频的下载量相对应的图形的绘图位置上，分别绘制与每个视频的下载量相对应的图形。

进一步地，在画布上分别绘制与每个视频的下载量相对应的每帧图形时，逐渐增大该图形的大小，以最后绘制出与每个视频的下载量相对应的图形。例如，图形的直径为2厘米，绘制第一帧图形时，绘制直径为1厘米的图形，绘制第二帧图形时，绘制直径为1.1厘米的图形……绘制第十帧图形时，绘制直径为2厘米的图形，从而产生与每个视频的下载量相对应的图形的闪动效果。

步骤404：将与每个视频的下载量相对应的图形设置为半透明；

将与每个视频的下载量相对应的图形的透明属性设置为半透明，从而与每个视频的下载量相对应的图形不会完全遮挡网页页面上的内容，也即透过与每个视频的下载量相对应的图形可以看到该图形下方的网页页面上的内容。

步骤405：将每个视频的下载量分别加载到与每个视频的下载量相对应的图形上；

将视频的下载量加载到视频的下载量相对应的图形上，显示与视频的下载量相对应的图形和该图形上的下载量给开发人员，开发人员人员可以根据与视频的下载量相对应的图形和该图形上的下载量对视频进行质量评估。

显示与视频的下载量相对应的图形和该图形上的下载量给用户，用户可以根据视频的下载量和/或与视频的下载量相对应的图形选择视频，执行步骤406。

步骤406：检测用户点击画布的位置；

当用户想要获取视频时，用户可以点击画布上显示的链接元素；终端实时检测终端屏幕，获取用户点击画布的位置。

由于网页页面的上方叠加了一层画布，因此，用户点击网页页面中显示的链接元素实际是点击在画布上显示的链接元素。

步骤407：根据点击画布的位置，获取视频的标识；

将点击画布的位置确定为点击网页页面中的链接元素的位置，根据点击网页页面中的链接元素的位置和预设位置范围，确定链接元素所在的位置范围；根据链接元素所在的位置范围，从链接元素的位置范围和标识的对应关系中获取视频的标识。

其中，根据点击网页页面中的链接元素的位置是否在预设位置范围内，如果在，将该预设位置范围确定为链接元素的位置范围。

步骤408：根据视频的标识获取对应的视频。

具体地，发送视频的标识给服务器；服务器接收终端发送的视频的标识，根据视频的标识下载视频的标识对应的视频，发送视频的标识对应的视频给终端；终端接收服务器发送的视频的标识对应的视频，显示视频的标识对应的视频。

在本发明实施例中，在网页页面的上方叠加一层透明或半透明的画布；获取网页页面中的每个视频的链接元素的位置和每个视频的下载量；根据每个视频的链接元素的位置，在画布上分别绘制与每个视频的下载量相对应的图形，用户可以根据网页页面中显示的与每个视频的下载量相对应的图形选择视频，缩短了选择视频的时间，从而提高了选择效率。

实施例5

在本实施例中以网络资源为商品，质量参数为购买量为例进行说明，在显示商品的介绍信息的网页页面中，显示商品的购买量，用户可以根据商品的购买量选择商品。本发明实施例提供了一种显示商品的购买量的方法，该方法的执行主体为终端。参见图5，其中，该方法包括：

步骤501：在网页页面的上方叠加一层透明或半透明的画布，该网页页面包括至少一个商品的链接元素；

当用户浏览网页时，终端根据网页页面的标识，从服务器中获取网页页面，然后再执行本步骤。网页页面的标识可以为网页页面的URL等。

步骤501可以通过以下步骤(1)至(3)实现，包括：

(1)：在网页页面的上方叠加一个画布元素；

画布元素可以为canvas(画布)元素，在终端当前显示的网页页面的上方叠加一个canvas元素。该终端当前显示的网页页面包括至少一个商品的链接元素。

(2)：根据网页页面的大小，设置画布元素的大小；

根据网页页面的大小，将画布元素的大小设置为网页页面的大小，从而实现画布元素完全覆盖网页页面。

(3)：将画布元素的透明属性设置为透明或半透明，以形成透明或半透明的画布。

在本步骤中，将画布元素的透明属性设置为透明或半透明的，从而画布元素并不会遮挡网页页面的内容，可以透过画布可以看到网页页面上的内容。

需要说明的是，如果显示商品的购买量给卖家，卖家比较关注购买量的大小，因此，在本步骤中，可以将画布元素的透明属性设置为半透明的；如果显示商品的购买量给用户，用户不仅关注购买量的大小，还关注商品的介绍信息，因此，在本步骤中，可以将画布元素的透明属性设置为透明的。

步骤502：获取网页页面中的每个商品的链接元素的位置和每个商品的购买量；

其中，获取网页页面中的每个商品的链接元素的位置的步骤可以通过第一种方式实现或者第二种方式实现，对于第一种实现方式，可以为：

获取网页页面中的每个商品的标识，根据每个商品的标识，从已存储的标识和链接元素的位置的对应关系中获取每个商品的链接元素的位置。

在本步骤之前，终端接收服务器发送的每个商品的标识和每个商品的链接元素的位置，将每个商品的标识和每个商品的链接元素的位置之间的对应关系存储在标识和链接元素的位置的对应关系中。商品的标识可以为商品的介绍信息等。链接元素包括商品的图标等，网页页面中显示链接元素，链接元素在网页页面中通常占用一个区域，可以将链接元素占用区域内的任一点作为链接元素在网页页面中的位置，优选的，将链接元素占用区域的中心点作为链接元素的位置，也可以将链接元素占用区域的顶点作为链接元素的位置，如果链接元素占用区域为不规则图形，也可以将链接元素占用区域的对角线的交点作为链接元素的位置。

链接元素的位置可以为链接元素在网页页面中的坐标。

对于第二种实现方式，可以为：

获取网页页面中的每个商品的标识，分别发送每个商品的标识给服务器；服务器接收终端发送的每个商品的标识，根据每个商品的标识，从已存储的标识和链接元素的位置的对应关系中获取每个商品的链接元素的位置，分别发送每个商品的链接元素的位置给终端；终端接收服务器发送的每个商品的链接元素的位置。

在本步骤之前，服务器获取每个商品的标识和每个商品的链接元素的位置，将每个商品的标识和每个商品的链接元素的位置之间的对应关系存储在标识和链接元素的位置的对应关系中。

其中，获取网页页面中的每个商品的购买量，可以为：

分别发送网页页面中的每个商品的标识给服务器；服务器接收终端发送的每个商品的标识，根据每个商品的标识，分别从标识和购买量的对应关系中获取每个商品的购买量，分别发送每个商品的购买量给终端；终端接收服务器发送的每个商品的购买量。

其中，在本步骤之前，服务器统计每个商品的购买量，将每个商品的标识和每个商品的购买量之间的对应关系存储在标识和购买量的对应关系中。

步骤503：根据每个商品的链接元素的位置，在画布上分别绘制与每个商品的购买量相对应的图形；

步骤503可以通过第一种方式实现或者第二种方式实现。对于第一种实现方式，不同的商品的购买量可能对应形状为预设形状但大小不同的图形，通过查看与商品的购买量对应的图形的图形大小获知哪些商品的购买量大，哪些商品的购买量小。对于第二种实现方式，不同的商品的购买量可能对应不同的图形形状，通过查看与商品的购买量对应的图形的图形形状获知哪些商品的购买量大，哪些商品的购买量小。

对于第一种实现方式，可以通过以下步骤(1)和(2)实现，包括：

(1)：根据每个商品的购买量，分别计算与每个商品的购买量相对应的图形大小；

图形大小可以为图形的长度、高度或者直径等，例如预设形状为圆形时，图形大小为圆的直径。

(2)：根据每个商品的链接元素的位置和与每个商品的购买量相对应的图形大小，在画布上分别绘制与每个商品的购买量相对应的预设形状的图形。

具体地，获取绘图规则，根据每个商品的链接元素的位置和绘图规则，在画布上分别确定每个商品的购买量相对应的图形的绘图位置，根据与每个商品的购买量相对应的图形大小，在确定出的每个商品的购买量相对应的图形的绘图位置上，分别绘制与每个商品的购买量相对应的图形大小且形状为预设形状的图形。

绘图规则可以为将与每个商品的购买量相对应的图形绘制在链接元素的位置的正上方、绘制在链接元素的位置右侧且与链接元素的位置之间的距离为第一预设距离的位置处、绘制链接元素的左侧且与链接元素的位置之间的距离为第二预设距离的位置处、绘制在链接元素的右下角且与链接元素的位置之间的距离为第三预设距离的位置处或者绘制链接元素的左上角且与链接元素的位置之间的距离为第四预设距离的位置处等。

如果显示商品的购买量给卖家，卖家比较关注购买量的大小，因此，在本步骤中，可以将与每个商品的购买量相对应的图形绘制在链接元素的位置的正上方；如果显示商品的购买量给用户，用户不仅关注购买量的大小，还关注商品的介绍信息，为了不遮挡网页页面中的商品的介绍信息，因此，在本步骤中，可以将与每个商品的购买量相对应的图形绘制在链接元素的位置右侧且与链接元素的位置之间的距离为第一预设距离的位置处、绘制链接元素的左侧且与链接元素的位置之间的距离为第二预设距离的位置处、绘制在链接元素的右下角且与链接元素的位置之间的距离为第三预设距离的位置处或者绘制链接元素的左上角且与链接元素的位置之间的距离为第四预设距离的位置处等。

第一预设距离、第二预设距离、第三预设距离、第四预设距离可以根据网页页面的大小进行设置并更改。

预设形状可以根据用户需要进行设置并更改，例如，在本步骤之前，用户可以输入预设形状给终端，终端接收用户输入的预设形状，保存用户输入的预设形状。

预设形状可以为三角形、正方形或者圆形等。

对于第二种实现方式，可以为通过以下步骤(A)至(C)实现，包括：

(A)：对每个商品的购买量进行排序，得到每个商品的序号；

对于第二种实现方式，不同的商品的购买量对应不同的图形形状，因此，在本步骤中，根据每个商品的购买量的大小，对每个商品的购买量进行排序，得到每个商品的序号。

(B)：根据每个商品的序号，从图形列表中获取与每个商品的购买量相对应的图形，该图形列表用于存储序号和图形的对应关系；

不同的商品的购买量对应不同的图形形状，根据每个商品的序号，从图形列表中获取与每个商品的购买量相对应的图形。

在本步骤之前，接收用户输入的序号和图形，将用户输入的序号和图形之间的对应关系添加到图形列表中。

(C)：根据每个商品的链接元素的位置，在画布上分别绘制与每个商品的购买量相对应的图形。

具体地，获取绘图规则，根据每个商品的链接元素的位置和绘图规则，在画布上分别确定每个商品的购买量相对应的图形的绘图位置，在画布上确定出的每个商品的购买量相对应的图形的绘图位置上，分别绘制与每个商品的购买量相对应的图形。

进一步地，在画布上分别绘制与每个商品的购买量相对应的每帧图形时，逐渐增大该图形的大小，以最后绘制出与每个商品的购买量相对应的图形。例如，图形的直径为2厘米，绘制第一帧图形时，绘制直径为1厘米的图形，绘制第二帧图形时，绘制直径为1.1厘米的图形……绘制第十帧图形时，绘制直径为2厘米的图形，从而产生与每个商品的购买量相对应的图形的闪动效果。

步骤504：将与每个商品的购买量相对应的图形设置为半透明；

将与每个商品的购买量相对应的图形的透明属性设置为半透明，从而与每个商品的购买量相对应的图形不会完全遮挡网页页面上的内容，也即透过与每个商品的购买量相对应的图形可以看到该图形下方的网页页面上的内容。

步骤505：将每个商品的购买量分别加载到与每个商品的购买量相对应的图形上；

将商品的购买量加载到商品的购买量相对应的图形上，显示与商品的购买量相对应的图形和该图形上的购买量给卖家，卖家人员可以根据与商品的购买量相对应的图形和该图形上的购买量对商品进行质量评估。

显示与商品的购买量相对应的图形和该图形上的购买量给用户，用户可以根据商品的购买量和/或与商品的购买量相对应的图形选择商品，执行步骤406。

步骤506：检测用户点击画布的位置；

当用户想要获取商品时，用户可以点击画布上显示的链接元素；终端实时检测终端屏幕，获取用户点击画布的位置。

由于网页页面的上方叠加了一层画布，因此，用户点击网页页面中显示的链接元素实际是点击在画布上显示的链接元素。

步骤507：根据点击画布的位置，获取商品的标识；

将点击画布的位置确定为点击网页页面中的链接元素的位置，根据点击网页页面中的链接元素的位置和预设位置范围，确定链接元素所在的位置范围；根据链接元素所在的位置范围，从链接元素的位置范围和标识的对应关系中获取商品的标识。

其中，根据点击网页页面中的链接元素的位置是否在预设位置范围内，如果在，将该预设位置范围确定为链接元素的位置范围。

步骤508：根据商品的标识获取对应的商品。

具体地，发送商品的标识给服务器；服务器接收终端发送的商品的标识，根据商品的标识下载商品的标识对应的商品，发送商品的标识对应的商品给终端；终端接收服务器发送的商品的标识对应的商品，显示商品的标识对应的商品。

在本发明实施例中，在网页页面的上方叠加一层透明或半透明的画布；获取网页页面中的每个商品的链接元素的位置和每个商品的购买量；根据每个商品的链接元素的位置，在画布上分别绘制与每个商品的购买量相对应的图形，用户可以根据网页页面中显示的与每个商品的购买量相对应的图形选择商品，缩短了选择商品的时间，从而提高了选择效率。

实施例6

本发明实施例提供了一种显示网络资源的质量参数的装置。参见图6，其中，该装置包括：

叠加模块601，用于在网页页面的上方叠加一层透明或半透明的画布，网页页面包括至少一个网络资源的链接元素；

第一获取模块602，用于获取网页页面中的每个网络资源的链接元素的位置和每个网络资源的质量参数；

绘制模块603，用于根据每个网络资源的链接元素的位置，在画布上分别绘制与每个网络资源的质量参数相对应的图形。

优选的，叠加模块601，包括：

叠加单元，用于在网页页面的上方叠加一个画布元素；

设置单元，用于根据网页页面的大小，设置画布元素的大小，以及将画布元素的透明属性设置为透明或半透明，以形成透明或半透明的画布。

优选的，绘制模块603，包括：

计算单元，用于根据每个网络资源的质量参数，分别计算与每个网络资源的质量参数相对应的图形大小；

第一绘制单元，用于根据每个网络资源的链接元素的位置和与每个网络资源的质量参数相对应的图形大小，在画布上分别绘制与每个网络资源的质量参数相对应的预设形状的图形。

优选的，绘制模块603，包括：

排序单元，用于对每个网络资源的质量参数进行排序，得到每个网络资源的序号；

获取单元，用于根据每个网络资源的序号，从图形列表中获取与每个网络资源的质量参数相对应的图形，图形列表用于存储序号和图形的对应关系；

第二绘制单元，用于根据每个网络资源的链接元素的位置，在画布上分别绘制与每个网络资源的质量参数相对应的图形。

优选的，装置还包括：

添加模块，用于接收用户输入的序号和图形，将用户输入的序号和图形之间的对应关系添加到图形列表中。

优选的，装置还包括：

加载模块，用于将每个网络资源的质量参数分别加载到与每个网络资源的质量参数相对应的图形上。

优选的，装置还包括：

设置模块，用于将与每个网络资源的质量参数相对应的图形设置为半透明。

优选的，装置还包括：

检测模块，用于检测用户点击画布的位置；

第二获取模块，用于根据点击画布的位置，获取网络资源的资源标识；

第三获取模块，用于根据网络资源的资源标识获取对应的网络资源。

在本发明实施例中，在网页页面的上方叠加一层透明或半透明的画布；获取网页页面中的每个网络资源的链接元素的位置和每个网络资源的质量参数；根据每个网络资源的链接元素的位置，在画布上分别绘制与每个网络资源的质量参数相对应的图形，用户可以根据网页页面中显示的与每个网络资源的质量参数相对应的图形选择网络资源，缩短了选择网络资源的时间，从而提高了选择效率。

实施例7

请参考图7，其示出了本发明实施例所涉及的具有触敏表面的终端结构示意图，该终端可以用于实施上述实施例中提供的进行验证码验证的方法。具体来讲：

终端900可以包括RF(Radio Frequency，射频)电路110、包括有一个或一个以上计算机可读存储介质的存储器120、输入单元130、显示单元140、传感器150、音频电路160、WiFi(wireless fidelity，无线保真)模块170、包括有一个或者一个以上处理核心的处理器180、以及电源190等部件。本领域技术人员可以理解，图7中示出的终端结构并不构成对终端的限定，可以包括比图示更多或更少的部件，或者组合某些部件，或者不同的部件布置。其中：

RF电路110可用于收发信息或通话过程中，信号的接收和发送，特别地，将基站的下行信息接收后，交由一个或者一个以上处理器180处理；另外，将涉及上行的数据发送给基站。通常，RF电路110包括但不限于天线、至少一个放大器、调谐器、一个或多个振荡器、用户身份模块(SIM)卡、收发信机、耦合器、LNA(Low Noise Amplifier，低噪声放大器)、双工器等。此外，RF电路110还可以通过无线通信与网络和其他设备通信。所述无线通信可以使用任一通信标准或协议，包括但不限于GSM(Global System of Mobile communication，全球移动通讯系统)、GPRS(General Packet Radio Service，通用分组无线服务)、CDMA(CodeDivision Multiple Access，码分多址)、WCDMA(Wideband Code Division MultipleAccess,宽带码分多址)、LTE(Long Term Evolution,长期演进)、电子邮件、SMS(ShortMessaging Service，短消息服务)等。

存储器120可用于存储软件程序以及模块，处理器180通过运行存储在存储器120的软件程序以及模块，从而执行各种功能应用以及数据处理。存储器120可主要包括存储程序区和存储数据区，其中，存储程序区可存储操作系统、至少一个功能所需的应用程序(比如声音播放功能、图像播放功能等)等；存储数据区可存储根据终端900的使用所创建的数据(比如音频数据、电话本等)等。此外，存储器120可以包括高速随机存取存储器，还可以包括非易失性存储器，例如至少一个磁盘存储器件、闪存器件、或其他易失性固态存储器件。相应地，存储器120还可以包括存储器控制器，以提供处理器180和输入单元130对存储器120的访问。

输入单元130可用于接收输入的数字或字符信息，以及产生与用户设置以及功能控制有关的键盘、鼠标、操作杆、光学或者轨迹球信号输入。具体地，输入单元130可包括触敏表面131以及其他输入设备132。触敏表面131，也称为触摸显示屏或者触控板，可收集用户在其上或附近的触摸操作(比如用户使用手指、触笔等任何适合的物体或附件在触敏表面131上或在触敏表面131附近的操作)，并根据预先设定的程式驱动相应的连接装置。可选的，触敏表面131可包括触摸检测装置和触摸控制器两个部分。其中，触摸检测装置检测用户的触摸方位，并检测触摸操作带来的信号，将信号传送给触摸控制器；触摸控制器从触摸检测装置上接收触摸信息，并将它转换成触点坐标，再送给处理器180，并能接收处理器180发来的命令并加以执行。此外，可以采用电阻式、电容式、红外线以及表面声波等多种类型实现触敏表面131。除了触敏表面131，输入单元130还可以包括其他输入设备132。具体地，其他输入设备132可以包括但不限于物理键盘、功能键(比如音量控制按键、开关按键等)、轨迹球、鼠标、操作杆等中的一种或多种。

显示单元140可用于显示由用户输入的信息或提供给用户的信息以及终端900的各种图形用户接口，这些图形用户接口可以由图形、文本、图标、视频和其任意组合来构成。显示单元140可包括显示面板141，可选的，可以采用LCD(Liquid Crystal Display，液晶显示器)、OLED(Organic Light-Emitting Diode,有机发光二极管)等形式来配置显示面板141。进一步的，触敏表面131可覆盖显示面板141，当触敏表面131检测到在其上或附近的触摸操作后，传送给处理器180以确定触摸事件的类型，随后处理器180根据触摸事件的类型在显示面板141上提供相应的视觉输出。虽然在图7中，触敏表面131与显示面板141是作为两个独立的部件来实现输入和输入功能，但是在某些实施例中，可以将触敏表面131与显示面板141集成而实现输入和输出功能。

终端900还可包括至少一种传感器150，比如光传感器、运动传感器以及其他传感器。具体地，光传感器可包括环境光传感器及接近传感器，其中，环境光传感器可根据环境光线的明暗来调节显示面板141的亮度，接近传感器可在终端900移动到耳边时，关闭显示面板141和/或背光。作为运动传感器的一种，重力加速度传感器可检测各个方向上(一般为三轴)加速度的大小，静止时可检测出重力的大小及方向，可用于识别手机姿态的应用(比如横竖屏切换、相关游戏、磁力计姿态校准)、振动识别相关功能(比如计步器、敲击)等；至于终端900还可配置的陀螺仪、气压计、湿度计、温度计、红外线传感器等其他传感器，在此不再赘述。

音频电路160、扬声器161，传声器162可提供用户与终端900之间的音频接口。音频电路160可将接收到的音频数据转换后的电信号，传输到扬声器161，由扬声器161转换为声音信号输出；另一方面，传声器162将收集的声音信号转换为电信号，由音频电路160接收后转换为音频数据，再将音频数据输出处理器180处理后，经RF电路110以发送给比如另一终端，或者将音频数据输出至存储器120以便进一步处理。音频电路160还可能包括耳塞插孔，以提供外设耳机与终端900的通信。

WiFi属于短距离无线传输技术，终端900通过WiFi模块170可以帮助用户收发电子邮件、浏览网页和访问流式媒体等，它为用户提供了无线的宽带互联网访问。虽然图7示出了WiFi模块170，但是可以理解的是，其并不属于终端900的必须构成，完全可以根据需要在不改变发明的本质的范围内而省略。

处理器180是终端900的控制中心，利用各种接口和线路连接整个手机的各个部分，通过运行或执行存储在存储器120内的软件程序和/或模块，以及调用存储在存储器120内的数据，执行终端900的各种功能和处理数据，从而对手机进行整体监控。可选的，处理器180可包括一个或多个处理核心；优选的，处理器180可集成应用处理器和调制解调处理器，其中，应用处理器主要处理操作系统、用户界面和应用程序等，调制解调处理器主要处理无线通信。可以理解的是，上述调制解调处理器也可以不集成到处理器180中。

终端900还包括给各个部件供电的电源190(比如电池)，优选的，电源可以通过电源管理系统与处理器180逻辑相连，从而通过电源管理系统实现管理充电、放电、以及功耗管理等功能。电源190还可以包括一个或一个以上的直流或交流电源、再充电系统、电源故障检测电路、电源转换器或者逆变器、电源状态指示器等任意组件。

尽管未示出，终端900还可以包括摄像头、蓝牙模块等，在此不再赘述。具体在本实施例中，终端900的显示单元是触摸屏显示器，终端900还包括有存储器，以及一个或者一个以上的程序，其中一个或者一个以上程序存储于存储器中，且经配置以由一个或者一个以上处理器执行述一个或者一个以上程序包含用于进行以下操作的指令：

在网页页面的上方叠加一层透明或半透明的画布，所述网页页面包括至少一个网络资源的链接元素；

获取所述网页页面中的每个网络资源的链接元素的位置和所述每个网络资源的质量参数；

根据所述每个网络资源的链接元素的位置，在所述画布上分别绘制与所述每个网络资源的质量参数相对应的图形。

优选的，所述在网页页面的上方叠加一层透明或半透明的画布，包括：

在网页页面的上方叠加一个画布元素；

根据所述网页页面的大小，设置所述画布元素的大小，以及将所述画布元素的透明属性设置为透明或半透明，以形成透明或半透明的画布。

优选的，所述根据所述每个网络资源的链接元素的位置，在所述画布上分别绘制与所述每个网络资源的质量参数相对应的图形，包括：

根据所述每个网络资源的质量参数，分别计算与所述每个网络资源的质量参数相对应的图形大小；

根据所述每个网络资源的链接元素的位置和与所述每个网络资源的质量参数相对应的图形大小，在所述画布上分别绘制与所述每个网络资源的质量参数相对应的预设形状的图形。

优选的，所述根据所述每个网络资源的链接元素的位置，在所述画布上分别绘制与所述每个网络资源的质量参数相对应的图形，包括：

对所述每个网络资源的质量参数进行排序，得到所述每个网络资源的序号；

根据所述每个网络资源的序号，从图形列表中获取与所述每个网络资源的质量参数相对应的图形，所述图形列表用于存储序号和图形的对应关系；

根据所述每个网络资源的链接元素的位置，在所述画布上分别绘制与所述每个网络资源的质量参数相对应的图形。

优选的，所述方法还包括：

接收用户输入的序号和图形，将所述用户输入的序号和图形之间的对应关系添加到图形列表中。

优选的，所述根据所述每个网络资源的链接元素的位置，在所述画布上分别绘制与所述每个网络资源的质量参数相对应的图形之后，还包括：

将所述每个网络资源的质量参数分别加载到与所述每个网络资源的质量参数相对应的图形上。

优选的，所述根据所述每个网络资源的链接元素的位置，在所述画布上分别绘制与所述每个网络资源的质量参数相对应的图形之后，还包括：

将与所述每个网络资源的质量参数相对应的图形设置为半透明。

优选的，所述根据所述每个网络资源的链接元素的位置，在所述画布上分别绘制与所述每个网络资源的质量参数相对应的图形之后，还包括：

检测用户点击所述画布的位置；

根据所述点击画布的位置，获取网络资源的资源标识；

根据所述网络资源的资源标识获取对应的网络资源。

在本发明实施例中，在网页页面的上方叠加一层透明或半透明的画布；获取网页页面中的每个网络资源的链接元素的位置和每个网络资源的质量参数；根据每个网络资源的链接元素的位置，在画布上分别绘制与每个网络资源的质量参数相对应的图形，用户可以根据网页页面中显示的与每个网络资源的质量参数相对应的图形选择网络资源，缩短了选择网络资源的时间，从而提高了选择效率。

需要说明的是：上述实施例提供的显示网络资源的质量参数的装置在显示网络资源的质量参数时，仅以上述各功能模块的划分进行举例说明，实际应用中，可以根据需要而将上述功能分配由不同的功能模块完成，即将装置的内部结构划分成不同的功能模块，以完成以上描述的全部或者部分功能。另外，上述实施例提供的显示网络资源的质量参数的装置与显示网络资源的质量参数的方法实施例属于同一构思，其具体实现过程详见方法实施例，这里不再赘述。

本领域普通技术人员可以理解实现上述实施例的全部或部分步骤可以通过硬件来完成，也可以通过程序来指令相关的硬件完成，所述的程序可以存储于一种计算机可读存储介质中，上述提到的存储介质可以是只读存储器，磁盘或光盘等。

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

Claims (12)

1.一种显示网络资源的质量参数的方法，其特征在于，所述方法包括：

在网页页面的上方叠加一层透明或半透明的画布，所述网页页面包括至少一个网络资源的链接元素；

获取所述网页页面中的每个网络资源的链接元素的位置和所述每个网络资源的质量参数；

根据所述每个网络资源的链接元素的位置，在所述画布上分别绘制与所述每个网络资源的质量参数相对应的图形；

所述根据所述每个网络资源的链接元素的位置，在所述画布上分别绘制与所述每个网络资源的质量参数相对应的图形，包括：

根据所述每个网络资源的质量参数，分别计算与所述每个网络资源的质量参数相对应的图形大小；根据所述每个网络资源的链接元素的位置和与所述每个网络资源的质量参数相对应的图形大小，在所述画布上分别绘制与所述每个网络资源的质量参数相对应的预设形状的图形；或者，

对所述每个网络资源的质量参数进行排序，得到所述每个网络资源的序号；根据所述每个网络资源的序号，从图形列表中获取与所述每个网络资源的质量参数相对应的图形，所述图形列表用于存储序号和图形的对应关系；根据所述每个网络资源的链接元素的位置，在所述画布上分别绘制与所述每个网络资源的质量参数相对应的图形。

2.如权利要求1所述的方法，其特征在于，所述在网页页面的上方叠加一层透明或半透明的画布，包括：

在网页页面的上方叠加一个画布元素；

根据所述网页页面的大小，设置所述画布元素的大小，以及将所述画布元素的透明属性设置为透明或半透明，以形成透明或半透明的画布。

3.如权利要求1所述的方法，其特征在于，所述方法还包括：

接收用户输入的序号和图形，将所述用户输入的序号和图形之间的对应关系添加到图形列表中。

4.如权利要求1所述的方法，其特征在于，所述根据所述每个网络资源的链接元素的位置，在所述画布上分别绘制与所述每个网络资源的质量参数相对应的图形之后，还包括：

将所述每个网络资源的质量参数分别加载到与所述每个网络资源的质量参数相对应的图形上。

5.如权利要求1所述的方法，其特征在于，所述根据所述每个网络资源的链接元素的位置，在所述画布上分别绘制与所述每个网络资源的质量参数相对应的图形之后，还包括：

将与所述每个网络资源的质量参数相对应的图形设置为半透明。

6.如权利要求1所述的方法，其特征在于，所述根据所述每个网络资源的链接元素的位置，在所述画布上分别绘制与所述每个网络资源的质量参数相对应的图形之后，还包括：

检测用户点击所述画布的位置；

根据所述点击画布的位置，获取网络资源的资源标识；

根据所述网络资源的资源标识获取对应的网络资源。

7.一种显示网络资源的质量参数的装置，其特征在于，所述装置包括：

叠加模块，用于在网页页面的上方叠加一层透明或半透明的画布，所述网页页面包括至少一个网络资源的链接元素；

第一获取模块，用于获取所述网页页面中的每个网络资源的链接元素的位置和所述每个网络资源的质量参数；

绘制模块，用于根据所述每个网络资源的链接元素的位置，在所述画布上分别绘制与所述每个网络资源的质量参数相对应的图形；

所述绘制模块包括：

计算单元，用于根据所述每个网络资源的质量参数，分别计算与所述每个网络资源的质量参数相对应的图形大小；

第一绘制单元，用于根据所述每个网络资源的链接元素的位置和与所述每个网络资源的质量参数相对应的图形大小，在所述画布上分别绘制与所述每个网络资源的质量参数相对应的预设形状的图形；

或者，所述绘制模块包括：

排序单元，用于对所述每个网络资源的质量参数进行排序，得到所述每个网络资源的序号；

获取单元，用于根据所述每个网络资源的序号，从图形列表中获取与所述每个网络资源的质量参数相对应的图形，所述图形列表用于存储序号和图形的对应关系；

第二绘制单元，用于根据所述每个网络资源的链接元素的位置，在所述画布上分别绘制与所述每个网络资源的质量参数相对应的图形。

8.如权利要求7所述的装置，其特征在于，所述叠加模块，包括：

叠加单元，用于在网页页面的上方叠加一个画布元素；

设置单元，用于根据所述网页页面的大小，设置所述画布元素的大小，以及将所述画布元素的透明属性设置为透明或半透明，以形成透明或半透明的画布。

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

添加模块，用于接收用户输入的序号和图形，将所述用户输入的序号和图形之间的对应关系添加到图形列表中。

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

加载模块，用于将所述每个网络资源的质量参数分别加载到与所述每个网络资源的质量参数相对应的图形上。

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

设置模块，用于将与所述每个网络资源的质量参数相对应的图形设置为半透明。

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

检测模块，用于检测用户点击所述画布的位置；

第二获取模块，用于根据所述点击画布的位置，获取网络资源的资源标识；

第三获取模块，用于根据所述网络资源的资源标识获取对应的网络资源。