一种显示网络资源的质量参数的方法和装置的制造方法
【技术领域】
[0001]本发明涉及互联网技术领域，特别涉及一种显示网络资源的质量参数的方法和装置。
【背景技术】
[0002]网络资源可以为网页应用或者网络信息等，网络资源的质量参数可以为网络资源的点击量、下载量或者购买量等。网络资源的质量参数越大，说明网络资源的受欢迎度越高，通常在网页页面中显示网络资源的质量参数，给用户选择网络资源提供依据。
[0003]例如，网络资源为网页应用，网络资源的质量参数为网页应用的点击量，在网页页面中显示网页应用的点击量，用户可以根据网页应用的点击量选择网页应用。在网页页面中显示网页应用的点击量的过程可以为:终端获取每个网页应用的点击量，在网页页面中显示每个网页应用的链接，该链接可以包括网页应用的标题，在每个网页应用的链接旁边分别标注每个网页应用的点击量。
[0004]在实现本发明的过程中，发明人发现现有技术至少存在以下问题:
[0005]当网页应用的点击量非常大，往往有几位或十几位数组成，使得用户需要较长时间的观测才能获知点击量的具体大小，导致选择网络资源的时间较长，效率低下。
【发明内容】
[0006]为了使解决现有技术的问题，本发明提供了一种显示网络资源的质量参数的方法和装置。技术方案如下:
[0007]—方面，本发明提供了一种显示网络资源的质量参数的方法，所述方法包括:
[0008]在网页页面的上方叠加一层透明或半透明的画布，所述网页页面包括至少一个网络资源的链接元素；
[0009]获取所述网页页面中的每个网络资源的链接元素的位置和所述每个网络资源的质量参数；
[0010]根据所述每个网络资源的链接元素的位置，在所述画布上分别绘制与所述每个网络资源的质量参数相对应的图形。
[0011]另一方面，本发明提供了一种显示网络资源的质量参数的装置，所述装置包括:
[0012]叠加模块，用于在网页页面的上方叠加一层透明或半透明的画布，所述网页页面包括至少一个网络资源的链接元素；
[0013]第一获取模块，用于获取所述网页页面中的每个网络资源的链接元素的位置和所述每个网络资源的质量参数；
[0014]绘制模块，用于根据所述每个网络资源的链接元素的位置，在所述画布上分别绘制与所述每个网络资源的质量参数相对应的图形。
[0015]在本发明实施例中，在网页页面的上方叠加一层透明或半透明的画布；获取网页页面中的每个网络资源的链接元素的位置和每个网络资源的质量参数；根据每个网络资源的链接元素的位置，在画布上分别绘制与每个网络资源的质量参数相对应的图形，用户可以根据网页页面中显示的与每个网络资源的质量参数相对应的图形选择网络资源，缩短了选择网络资源的时间，从而提高了选择效率。
【附图说明】
[0016]图1是本发明实施例1提供的一种显示网络资源的质量参数的方法流程图；
[0017]图2-1是本发明实施例2提供的一种显示网络资源的质量参数的方法流程图；
[0018]图2-2是本发明实施例2提供的一种显示网络资源的质量参数的界面图；
[0019]图3是本发明实施例3提供的一种显示网页应用的点击量的方法流程图；
[0020]图4是本发明实施例4提供的一种显示视频的下载量的方法流程图；
[0021]图5是本发明实施例5提供的一种显示商品的购买量的方法流程图；
[0022]图6是本发明实施例6提供的一种显示网络资源的质量参数的装置结构示意图；
[0023]图7是本发明实施例7提供的一种终端的结构示意图。
【具体实施方式】
[0024]为使本发明的目的、技术方案和优点更加清楚，下面将结合附图对本发明实施方式作进一步地详细描述。
[0025]实施例1
[0026]本发明实施例提供了一种显示网络资源的质量参数的方法，参见图1，其中，该方法包括:
[0027]步骤101:在网页页面的上方叠加一层透明或半透明的画布，该网页页面包括至少一个网络资源的链接元素；
[0028]步骤102:获取网页页面中的每个网络资源的链接元素的位置和每个网络资源的质量参数；
[0029]步骤103:根据每个网络资源的链接元素的位置，在画布上分别绘制与每个网络资源的质量参数相对应的图形。
[0030]在本发明实施例中，在网页页面的上方叠加一层透明或半透明的画布；获取网页页面中的每个网络资源的链接元素的位置和每个网络资源的质量参数；根据每个网络资源的链接元素的位置，在画布上分别绘制与每个网络资源的质量参数相对应的图形，用户可以根据网页页面中显示的与每个网络资源的质量参数相对应的图形选择网络资源，缩短了选择网络资源的时间，从而提高了选择效率。
[0031]实施例2
[0032]本发明实施例提供了一种显示网络资源的质量参数的方法，该方法的执行主体为终端。网络资源可以为网页应用、视频或者商品等，相应的，质量参数可以为点击量、下载量或者购买量。例如，在显示网页应用的网页页面中，显示网页应用的点击量，用户可以根据网页应用的点击量选择网页应用；再如，在显示视频的链接的网页页面中，显示视频的链接的下载量，用户可以根据视频的链接的下载量下载视频；再如，在显示商品的介绍信息的网页页面中，显示商品的购买量，用户可以根据商品的购买量购买商品。参见图2，其中，该方法包括:
[0033]步骤201:在网页页面的上方叠加一层透明或半透明的画布，该网页页面包括至少一个网络资源的链接元素；
[0034]当用户浏览网页时，终端根据网页页面的标识，从服务器中获取网页页面，然后再执行本步骤。网页页面的标识可以为网页页面的URL(Uniform Resource Locator,统一资源定位符)等。
[0035]步骤201可以通过以下步骤(1)至⑶实现，包括:
[0036](1):在网页页面的上方叠加一个画布元素；
[0037]画布元素可以为canvas (画布)元素，在终端当前显示的网页页面的上方叠加一个canvas元素。该终端当前显示的网页页面包括至少一个网络资源的链接元素。
[0038](2):根据网页页面的大小，设置画布元素的大小；
[0039]根据网页页面的大小，将画布元素的大小设置为网页页面的大小，从而实现画布元素完全覆盖网页页面。
[0040](3):将画布元素的透明属性设置为透明或半透明，以形成透明或半透明的画布。
[0041]在本步骤中，将画布元素的透明属性设置为透明或半透明的，从而画布元素并不会遮挡网页页面的内容，可以透过画布可以看到网页页面上的内容。
[0042]需要说明的是，如果显示网络资源的质量参数给开发人员，开发人员比较关注质量参数的大小，因此，在本步骤中，可以将画布元素的透明属性设置为半透明的；如果显示网络资源的质量参数给用户，用户不仅关注质量参数的大小，还关注网络资源的信息，因此，在本步骤中，可以将画布元素的透明属性设置为透明的。
[0043]步骤202:获取网页页面中的每个网络资源的链接元素的位置和每个网络资源的质量参数；
[0044]其中，获取网页页面中的每个网络资源的链接元素的位置的步骤可以通过第一种方式实现或者第二种方式实现，对于第一种实现方式，可以为:
[0045]获取网页页面中的每个网络资源的资源标识，根据每个网络资源的资源标识，从已存储的资源标识和链接元素的位置的对应关系中获取每个网络资源的链接元素的位置。
[0046]在本步骤之前，终端接收服务器发送的每个网络资源的资源标识和每个网络资源的链接元素的位置，将每个网络资源的资源标识和每个网络资源的链接元素的位置之间的对应关系存储在资源标识和链接元素的位置的对应关系中。网络资源的资源标识可以为网络资源的名称等。链接元素包括网页应用的图标、视频的链接或者商品的介绍信息等，网页页面中显示链接元素，链接元素在网页页面中通常占用一个区域，可以将链接元素占用区域内的任一点作为链接元素在网页页面中的位置，优选的，将链接元素占用区域的中心点作为链接元素的位置，也可以将链接元素占用区域的顶点作为链接元素的位置，如果链接元素占用区域为不规则图形，也可以将链接元素占用区域的对角线的交点作为链接元素的位置。
[0047]链接元素的位置可以为链接元素在网页页面中的坐标。
[0048]对于第二种实现方式，可以为:
[0049]获取网页页面中的每个网络资源的资源标识，分别发送每个网络资源的资源标识给服务器；服务器接收终端发送的每个网络资源的资源标识，根据每个网络资源的资源标识，从已存储的资源标识和链接元素的位置的对应关系中获取每个网络资源的链接元素的位置，分别发送每个网络资源的链接元素的位置给终端；终端接收服务器发送的每个网络资源的链接元素的位置。
[0050]在本步骤之前，服务器获取每个网络资源的资源标识和每个网络资源的链接元素的位置，将每个网络资源的资源标识和每个网络资源的链接元素的位置之间的对应关系存储在资源标识和链接元素的位置的对应关系中。
[0051]其中，获取网页页面中的每个网络资源的质量参数，可以为:
[0052]分别发送网页页面中的每个网络资源的资源标识给服务器；服务器接收终端发送的每个网络资源的资源标识，根据每个网络资源的资源标识，分别从资源标识和质量参数的对应关系中获取每个网络资源的质量参数，分别发送每个网络资源的质量参数给终端；终端接收服务器发送的每个网络资源的质量参数。
[0053]其中，在本步骤之前，服务器统计每个网络资源的质量参数，将每个网络资源的资源标识和每个网络资源的质量参数之间的对应关系存储在资源标识和质量参数的对应关系中。
[0054]其中，质量参数可以为点击量、下载量或者购买量等。
[0055]步骤203:根据每个网络资源的链接元素的位置，在画布上分别绘制与每个网络资源的质量参数相对应的图形；
[0056]步骤203可以通过第一种方式实现或者第二种方式实现。对于第一种实现方式，不同的网络资源的质量参数可能对应形状为预设形状但大小不同的图形，通过查看与网络资源的质量参数对应的图形的图形大小获知哪些网络资源的质量参数大，哪些网络资源的质量参数小。对于第二种实现方式，不同的网络资源的质量参数可能对应不同的图形形状，通过查看与网络资源的质量参数对应的图形的图形形状获知哪些网络资源的质量参数大，哪些网络资源的质量参数小。
[0057]对于第一种实现方式，可以通过以下步骤⑴和⑵实现，包括:
[0058](1):根据每个网络资源的质量参数，分别计算与每个网络资源的质量参数相对应的图形大小；
[0059]图形大小可以为图形的长度、高度或者直径等，例如预设形状为圆形时，图形大小为圆的直径。
[0060](2):根据每个网络资源的链接元素的位置和与每个网络资源的质量参数相对应的图形大小，在画布上分别绘制与每个网络资源的质量参数相对应的预设形状的图形。
[0061]具体地，获取绘图规则，根据每个网络资源的链接元素的位置和绘图规则，在画布上分别确定每个网络资源的质量参数相对应的图形的绘图位置，根据与每个网络资源的质量参数相对应的图形大小，在确定出的每个网络资源的质量参数相对应的图形的绘图位置上，分别绘制与每个网络资源的质量参数相对应的图形大小且形状为预设形状的图形。
[0062]绘图规则可以为将与每个网络资源的质量参数相对应的图形绘制在链接元素的位置的正上方、绘制在链接元素的位置右侧且与链接元素的位置之间的距离为第一预设距离的位置处、绘制链接元素的左侧且与链接元素的位置之间的距离为第二预设距离的位置处、绘制在链接元素的右下角且与链接元素的位置之间的距离为第三预设距离的位置处或者绘制链接元素的左上角且与链接元素的位置之间的距离为第四预设距离的位置处等。
[0063]如果显示网络资源的质量参数给开发人员，开发人员比较关注质量参数的大小，因此，在本步骤中，可以将与每个网络资源的质量参数相对应的图形绘制在链接元素的位置的正上方；如果显示网络资源的质量参数给用户，用户不仅关注质量参数的大小，还关注网络资源的信息，为了不遮挡网页页面中的网络资源的信息，因此，在本步骤中，可以将与每个网络资源的质量参数相对应的图形绘制在链接元素的位置右侧且与链接元素的位置之间的距离为第一预设距离的位置处、绘制链接元素的左侧且与链接元素的位置之间的距离为第二预设距离的位置处、绘制在链接元素的右下角且与链接元素的位置之间的距离为第三预设距离的位置处或者绘制链接元素的左上角且