CN104391951A - 网页热力图的加载方法和装置 - Google Patents

Abstract

本发明公开了一种网页热力图的加载方法和装置。该网页热力图的加载方法包括在网页的热力图配置界面添加待加载网页的截图，其中，网页的热力图配置界面是用于配置需要加载热力图的网页的界面；获取待加载网页的点击量；根据待加载网页的点击量，在待加载网页的截图上加载待加载网页的热力图。通过本发明，解决了现有技术加载网页热力图时间较长的问题。

Description

网页热力图的加载方法和装置

技术领域

本发明涉及互联网领域，具体而言，涉及一种网页热力图的加载方法和装置。

背景技术

目前，热力图已经成为网页分析的重要工具。热力图是一种以特殊高亮的形式显示访客热衷的页面区域和访客所在的地理区域的图示，通过热力图可以清晰地看出网页中哪些区域使用率较高，哪些区域使用率较低。热力图还可以显示不可点击区域发生的事情，比如网页中某个图片的点击数较大，从中可以分析出用户可能想了解该图片的更多信息，或者错误的认为该图片就是导航链接，通过查看热力图就可以在用户经常点击的地方放置一些资源链接。随着互联网的快速发展，热力图已经能够实现进行层层剖析，从多个维度进行查看的功能，比如从浏览器的维度查看访问量数据后继续从操作系统维度查看访问量数据，然后继续从设备类型查看访问量数据，支持无限层级的剖析，为用户优化自己页面提供强有力的数据支持。现有技术在加载网页的热力图时，通常会打开一个新的浏览器窗口，在该窗口中首先加载该网页，然后在这个网页上加载该网页的热力图，甚至有些网页的热力图是使用Silverlight开发的，其中，Silverlight是一种客户端展现技术，提供了跨浏览器、跨平台等特性，因此还需要加载Silverlight运行的环境，所以，现有技术加载网页的热力图需要较长时间，影响用户体验。

针对现有技术加载网页热力图时间较长的问题，目前尚未提出有效的解决方案。

发明内容

本发明的主要目的在于提供一种网页热力图的加载方法和装置，以解决现有技术加载网页热力图时间较长的问题。

为了实现上述目的，根据本发明的一个方面，提供了一种网页热力图的加载方法。该网页热力图的加载方法包括：在网页的热力图配置界面添加待加载网页的截图，其中，网页的热力图配置界面是用于配置需要加载热力图的网页的界面；获取待加载网页的点击量；根据待加载网页的点击量，在待加载网页的截图上加载待加载网页的热力图。

进一步地，在网页的热力图配置界面添加待加载网页的截图包括：在网页的热力图配置界面上通过浏览器对象加载待加载网页；判断浏览器对象加载待加载网页是否完成；如果浏览器对象加载待加载网页完成，获取待加载网页的尺寸；根据待加载网页的尺寸建立待加载网页对应的图片对象；将待加载网页的内容添加到待加载网页对应的图片对象中；将待加载网页对应的图片对象中的图片进行保存，得到待加载网页的截图。

进一步地，在根据待加载网页的点击量，在待加载网页的截图上加载待加载网页的热力图之后，该网页热力图的加载方法还包括：判断待加载网页是否发生变化；如果判断出待加载网页发生变化，在网页的热力图配置界面上更新待加载网页的截图。

进一步地，判断待加载网页是否发生变化包括：判断待加载网页的版本是否发生变化，其中，如果确定待加载网页的版本发生变化，则确定待加载网页发生变化；或者判断待加载网页的内容是否发生变化，其中，如果确定待加载网页的内容发生变化，则确定待加载网页发生变化。

进一步地，获取待加载网页的点击量包括：将待加载网页划分为多个网页区域，其中，网页区域为待加载网页中的任意区域；遍历待加载网页中的多个网页区域，确定待加载网页中的多个网页区域中网页区域的位置；从预设数据库中查询网页区域的位置处的点击量，其中，预设数据库中预先存储有待加载网页中的任意网页区域的位置与待加载网页中的任意网页区域的位置处的点击量的对应关系。

进一步地，根据待加载网页的点击量，在待加载网页的截图上加载待加载网页的热力图包括：加载待加载网页的截图；确定待加载网页的截图与待加载网页的点击量之间的映射关系；根据待加载网页的截图与待加载网页的点击量之间的映射关系在待加载网页的截图上加载待加载网页的热力图。

为了实现上述目的，根据本发明的另一方面，提供了一种网页热力图的加载装置。该网页热力图的加载装置包括：第一获取模块，用于在网页的热力图配置界面添加待加载网页的截图，其中，网页的热力图配置界面是用于配置需要加载热力图的网页的界面；第二获取模块，用于获取待加载网页的点击量；加载模块，用于根据待加载网页的点击量，在待加载网页的截图上加载待加载网页的热力图。

进一步地，第一获取模块包括：第一加载子模块，用于在网页的热力图配置界面上通过浏览器对象加载待加载网页；第一判断子模块，用于判断浏览器对象加载待加载网页是否完成；第一获取子模块，用于当判断出浏览器对象加载待加载网页完成时，获取待加载网页的尺寸；建立模块，用于根据待加载网页的尺寸建立待加载网页对应的图片对象；添加模块，用于将待加载网页的内容添加到待加载网页对应的图片对象中；存储模块，用于将待加载网页对应的图片对象中的图片进行保存，得到待加载网页的截图。

进一步地，该网页热力图的加载装置还包括：判断模块，用于判断待加载网页是否发生变化；第三获取模块，用于当判断出待加载网页发生变化，在网页的热力图配置界面上更新待加载网页的截图；其中，判断模块包括：第二判断子模块，用于判断待加载网页的版本是否发生变化，其中，如果确定待加载网页的版本发生变化，则确定待加载网页发生变化；第三判断子模块，用于判断待加载网页的内容是否发生变化，其中，如果确定待加载网页的内容发生变化，则确定待加载网页发生变化。

进一步地，加载模块包括：第二加载子模块，用于加载待加载网页的截图；确定模块，用于确定待加载网页的截图与待加载网页的点击量之间的映射关系；第三加载子模块，用于根据待加载网页的截图与待加载网页的点击量之间的映射关系在待加载网页的截图上加载待加载网页的热力图。

通过本发明，采用在网页的热力图配置界面添加待加载网页的截图，其中，网页的热力图配置界面是用于配置需要加载热力图的网页的界面；获取待加载网页的点击量；根据待加载网页的点击量，在待加载网页的截图上加载待加载网页的热力图，解决了现有技术加载网页热力图时间较长的问题。该发明的网页热力图的加载方法通过加载待加载网页的截图，根据待加载网页的点击量在该截图上加载该待加载网页的热力图，相较于现有技术进而达到了节省网页热力图加载时间的效果。

附图说明

构成本申请的一部分的附图用来提供对本发明的进一步理解，本发明的示意性实施例及其说明用于解释本发明，并不构成对本发明的不当限定。在附图中：

图1是根据本发明实施例的网页热力图的加载方法的流程图；

图2是本发明实施例的获取待加载网页截图的流程图；以及

图3是根据本发明实施例的网页热力图的加载装置的示意图。

具体实施方式

需要说明的是，在不冲突的情况下，本申请中的实施例及实施例中的特征可以相互组合。下面将参考附图并结合实施例来详细说明本发明。

为了使本技术领域的人员更好地理解本申请方案，下面将结合本申请实施例中的附图，对本申请实施例中的技术方案进行清楚、完整地描述，显然，所描述的实施例仅仅是本申请一部分的实施例，而不是全部的实施例。基于本申请中的实施例，本领域普通技术人员在没有做出创造性劳动前提下所获得的所有其他实施例，都应当属于本申请保护的范围。

需要说明的是，本申请的说明书和权利要求书及上述附图中的术语“第一”、“第二”等是用于区别类似的对象，而不必用于描述特定的顺序或先后次序。应该理解这样使用的数据在适当情况下可以互换，以便这里描述的本申请的实施例。此外，术语“包括”和“具有”以及他们的任何变形，意图在于覆盖不排他的包含，例如，包含了一系列步骤或单元的过程、方法、系统、产品或设备不必限于清楚地列出的那些步骤或单元，而是可包括没有清楚地列出的或对于这些过程、方法、产品或设备固有的其它步骤或单元。

本发明旨在提供一种网页热力图的加载方法和装置。

图1是根据本发明实施例的网页热力图的加载方法的流程图。如图1所示，该网页热力图的加载方法包括如下的步骤S101至步骤S103：

步骤S101，在网页的热力图配置界面添加待加载网页的截图。

网页的热力图配置界面可以用于配置需要加载热力图的网页的界面，主要包括配置需要加载热力图的网页的网络地址，还可以包括配置需要加载热力图的网页名称和版本号等信息。当需要预览待加载网页的热力图时，在网页的热力图的配置界面将会对该待加载网页进行配置，包括对该待加载网页的网络地址进行配置，以及对该待加载网页的名称或者版本号等进行配置。通过在网页的热力图的配置界面添加和修改热力图配置可以获取该待加载网页的截图。该实施例的网页热力图的加载方法优选地采用第三方公用截图组件AxSHDocVw。

该实施例中的在网页的热力图配置界面添加待加载网页的截图包括：在网页的热力图配置界面上通过浏览器对象加载待加载网页；判断浏览器对象加载待加载网页是否完成；如果浏览器对象加载待加载网页完成，获取待加载网页的尺寸；根据待加载网页的尺寸建立待加载网页对应的图片对象；将待加载网页的内容添加到待加载网页对应的图片对象中；将待加载网页对应的图片对象中的图片进行保存，得到待加载网页的截图。优选地，浏览器对象可以是AxWebBrowser，图片对象可以是Bitmap。图2是本发明实施例的获取待加载网页截图的流程图，如图2所示，步骤S201，创建AxWebBrowser对象，该AxWebBrowser对象为浏览器对象，用于加载HTML网页；步骤S202，使用该AxWebBrowser对象加载待加载网页；步骤S203，当待加载网页加载完成之后，获取该待加载网页的尺寸，其中，该待加载网页的尺寸包括该待加载网页的宽度和高度；步骤S204，获取待加载网页的宽度和高度之后，使用该待加载网页的宽度和高度创建Bitmap对象，该Bitmap对象为图片对象；步骤S205，获取AxWebBrowser对象的文档属性，即Document属性，该Document属性代表HTML页面文档；步骤S206，获取Bitmap对象对应的句柄，其中，句柄是一种特殊的智能指针，当一个应用程序要引用其他系统(比如数据库，操作系统等)所管理的内存块或者对象时，使用该句柄；步骤S207，使用AxWebBrowser对象的Document属性的画图方法，即draw方法，将待加载网页的内容绘制到Bitmap对象中，并将Bitmap对象对应的句柄给draw方法；步骤S208，使用Bitmap对象的保存方法，即save方法将图像保存到文件中。按照图2所示的获取待加载网页截图的方法便可以得到待加载网页的截图。优选地，在获取待加载网页的截图之后使用图像控件(Image控件)加载该待加载网页的截图。该实施例获取待加载网页的截图是为了在该待加载网页的截图上加载待加载网页的热力图，因为加载待加载网页的截图相较于加载待加载网页节省了大量的时间，有利于提高网页热力图的加载时间。

步骤S102，获取待加载网页的点击量。

网页热力图的点击数据都是存储在数据库(比如Analysis等)中的，点击数据包括点击次数和点击位置等。从数据库中获取待加载网页的点击量可以根据查询条件使用查询语句(比如MDX语句)查询数据库中的数据。该实施例中优选的查询条件包括查询维度为坐标，即以坐标确定点击位置，其中，维度是指查看指标的不同角度，比如浏览器是一个维度，从浏览器这个维度查询网页，即为用户使用哪些浏览器查看网页和使用这些浏览器查询网页的次数；查询指标为点击量，即查询的对象是待加载网页中的任意区域的点击量，其中，指标是指可以进行聚合运算的值，聚合运算包括求和，平均，计数等，比如平均停留时间是一个指标，使用平均进行聚合；查询中的过滤条件，即指定要查看那些维度成员的数据，为热力图中的网络地址为待加载网页的网络地址，热力图的版本号为待加载网页的版本号，其中，成员是指某一个角度，比如浏览器是一个维度，而IE浏览器即为该维度的一个成员。

优选地，该实施例的网页热力图的加载方法中获取待加载网页的点击量包括：将待加载网页划分为多个网页区域，其中，网页区域为待加载网页中的任意区域；遍历待加载网页中的多个网页区域，确定待加载网页中的多个网页区域中网页区域的位置；从预设数据库中查询网页区域的位置处的点击量，其中，预设数据库中预先存储有待加载网页中的任意网页区域的位置与待加载网页中的任意网页区域的位置处的点击量的对应关系。该实施例的网页热力图的加载方法优选地按照查询条件从数据库中存储的点击数据中查询待加载网页的点击量方便简洁。

步骤S103，根据待加载网页的点击量，在待加载网页的截图上加载待加载网页的热力图。

在获取待加载网页的点击量之后，首先加载待加载网页的截图，该实施例中优选地采用Image空间加载待加载网页的截图，然后再待加载网页的截图上加载待加载网页的热力图。其中，待加载网页的热力图是根据待加载网页的点击量生成的。在热力图中颜色较深的区域对应于待加载网页点击量较多的区域，热力图中颜色较浅的区域对应于待加载网页点击量较少的区域。优选地，该实施例的网页热力图的加载方法从存储有点击数据的数据库中查询待加载网页中每个区域的点击量，根据待加载网页的点击量绘制灰度图。将待加载网页划分为多个10*10像素大小的区域，在待加载网页的任意区域中的坐标点处，以这个坐标点为中心，绘制一个圆区域，灰色深度共有255级，该圆区域内点击量最高的点的深度为255，点击量为0的点的深度为0，其他点的点击量同比例缩放为0-255之间的任意深度值。在对待加载网页绘制灰度图之后为该目标网页的灰度图上色，首先获取每个像素的灰色深度，其范围为0-255，将这个范围分为5个等级，每个等级对应不同的颜色，随着等级由低到高，颜色不断变深，由此便得到了待加载网页的热力图。

根据待加载网页的点击量，在待加载网页的截图上加载待加载网页的热力图包括：加载待加载网页的截图；确定待加载网页的截图与待加载网页的点击量之间的映射关系；根据待加载网页的截图与待加载网页的点击量之间的映射关系在待加载网页的截图上加载待加载网页的热力图。该实施例的网页热力图的加载方法通过加载待加载网页的截图，在该待加载网页的截图上加载待加载网页的热力图，克服了现有技术采用加载待加载网页，在该待加载网页上加载待加载网页的热力图造成的热力图加载时间较长的问题。

优选地，在根据待加载网页的点击量，在待加载网页的截图上加载待加载网页的热力图之后，该实施例的网页热力图的加载方法还包括：判断待加载网页是否发生变化；如果判断出待加载网页发生变化，在网页的热力图配置界面上更新待加载网页。其中，判断待加载网页是否发生变化包括：判断待加载网页的版本是否发生变化，其中，如果确定待加载网页的版本发生变化，则确定待加载网页发生变化；或者判断待加载网页的内容是否发生变化，其中，如果确定待加载网页的内容发生变化，则确定待加载网页发生变化。该实施例的网页热力图的加载方法通过对待加载网页的内容或者版本号进行实时监测，判断待加载网页是否发生变化。当待加载网页发生变化时，及时更新网页的热力图配置界面中待加载网页的截图，有利于保证待加载网页的热力图与待加载网页截图的实时同步更新，提高了加载待加载网页的热力图的准确度。

该实施例的网页热力图的加载方法采用在网页的热力图配置界面添加待加载网页的截图，其中，网页的热力图配置界面是用于配置需要加载热力图的网页的界面；获取待加载网页的点击量；根据待加载网页的点击量，在待加载网页的截图上加载待加载网页的热力图，解决了现有技术加载网页热力图时间较长的问题，缩短了加载网页热力图的时间，使得网页热力图的加载更快捷。

从以上的描述中，可以看出，本发明实施例的网页热力图的加载方法通过采用获取待加载网页的截图，根据待加载网页的点击量在待加载网页的截图上加载待加载网页的热力图，解决了现有技术加载网页热力图时间较长的问题。该实施例的网页热力图的加载方法相较于现有技术需要加载待加载网页，在待加载网页上加载网页热力图，还需要加载Silverlight运行的环境，大大节省了网页热力图的加载时间，达到了网页热力图加载更加快捷的效果。

需要说明的是，在附图的流程图示出的步骤可以在诸如一组计算机可执行指令的计算机系统中执行，并且，虽然在流程图中示出了逻辑顺序，但是在某些情况下，可以以不同于此处的顺序执行所示出或描述的步骤。

本发明实施例还提供了一种网页热力图的加载装置。需要说明的是，该网页热力图的加载装置可以用于执行本发明实施例的网页热力图的加载方法。

图3是根据本发明实施例的网页热力图的加载装置的示意图。如图3所示，该网页热力图的加载装置包括：第一获取模块10，第二获取模块20和加载模块30。

第一获取模块10，用于在网页的热力图配置界面添加待加载网页的截图，其中，网页的热力图配置界面是用于配置需要加载热力图的网页的界面。

优选地，第一获取模块10包括：第一加载子模块，用于在网页的热力图配置界面上通过浏览器对象加载待加载网页；第一判断子模块，用于判断浏览器对象加载待加载网页是否完成；第一获取子模块，用于当判断出浏览器对象加载待加载网页完成时，获取待加载网页的尺寸；建立模块，用于根据待加载网页的尺寸建立待加载网页对应的图片对象；添加模块，用于将待加载网页的内容添加到待加载网页对应的图片对象中；存储模块，用于将待加载网页对应的图片对象中的图片进行保存，得到待加载网页的截图。

第二获取模块20，用于获取待加载网页的点击量。

优选地，第二获取模块20包括：划分模块，用于将待加载网页划分为多个网页区域，其中，网页区域为待加载网页中的任意区域；遍历模块，用于遍历待加载网页中的多个网页区域，确定待加载网页中的多个网页区域中网页区域的位置；查询模块，用于从预设数据库中查询网页区域的位置处的点击量，其中，预设数据库中预先存储有待加载网页中的任意网页区域的位置与待加载网页中的任意网页区域的位置处的点击量的对应关系。

加载模块30，用于根据待加载网页的点击量，在待加载网页的截图上加载待加载网页的热力图。

优选地，加载模块30包括：第二加载子模块，用于加载待加载网页的截图；确定模块，用于确定待加载网页的截图与待加载网页的点击量之间的映射关系；第三加载子模块，用于根据待加载网页的截图与待加载网页的点击量之间的映射关系在待加载网页的截图上加载待加载网页的热力图。

该实施例的网页热力图的加载装置还可以包括判断模块，用于判断待加载网页是否发生变化；第三获取模块，用于当判断出待加载网页发生变化，在网页的热力图配置界面上更新待加载网页；其中，判断模块包括：第二判断子模块，用于判断待加载网页的版本是否发生变化，其中，如果确定待加载网页的版本发生变化，则确定待加载网页发生变化；第三判断子模块，用于判断待加载网页的内容是否发生变化，其中，如果确定待加载网页的内容发生变化，则确定待加载网页发生变化。

该实施例的网页热力图的加载装置包括第一获取模块10，第二获取模块20和加载模块30。通过该实施例的网页热力图的加载装置解决了现有技术加载网页热力图时间较长的问题。

显然，本领域的技术人员应该明白，上述的本发明的各模块或各步骤可以用通用的计算装置来实现，它们可以集中在单个的计算装置上，或者分布在多个计算装置所组成的网络上，可选地，它们可以用计算装置可执行的程序代码来实现，从而，可以将它们存储在存储装置中由计算装置来执行，或者将它们分别制作成各个集成电路模块，或者将它们中的多个模块或步骤制作成单个集成电路模块来实现。这样，本发明不限制于任何特定的硬件和软件结合。

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

Claims (10)

1.一种网页热力图的加载方法，其特征在于，包括：

在网页的热力图配置界面添加待加载网页的截图，其中，所述网页的热力图配置界面是用于配置需要加载热力图的网页的界面；

获取所述待加载网页的点击量；以及

根据所述待加载网页的点击量，在所述待加载网页的截图上加载所述待加载网页的热力图。

2.根据权利要求1所述的网页热力图的加载方法，其特征在于，在网页的热力图配置界面添加待加载网页的截图包括：

在所述网页的热力图配置界面上通过浏览器对象加载所述待加载网页；

判断所述浏览器对象加载所述待加载网页是否完成；

如果所述浏览器对象加载所述待加载网页完成，获取所述待加载网页的尺寸；

根据所述待加载网页的尺寸建立所述待加载网页对应的图片对象；

将所述待加载网页的内容添加到所述待加载网页对应的图片对象中；以及

将所述待加载网页对应的图片对象中的图片进行保存，得到所述待加载网页的截图。

3.根据权利要求1所述的网页热力图的加载方法，其特征在于，在根据所述待加载网页的点击量，在所述待加载网页的截图上加载所述待加载网页的热力图之后，所述方法还包括：

判断所述待加载网页是否发生变化；以及

如果判断出所述待加载网页发生变化，在所述网页的热力图配置界面上更新所述待加载网页的截图。

4.根据权利要求3所述的网页热力图的加载方法，其特征在于，判断所述待加载网页是否发生变化包括：

判断所述待加载网页的版本是否发生变化，其中，如果确定所述待加载网页的版本发生变化，则确定所述待加载网页发生变化；或者

判断所述待加载网页的内容是否发生变化，其中，如果确定所述待加载网页的内容发生变化，则确定所述待加载网页发生变化。

5.根据权利要求1所述的网页热力图的加载方法，其特征在于，获取所述待加载网页的点击量包括：

将所述待加载网页划分为多个网页区域，其中，所述网页区域为所述待加载网页中的任意区域；

遍历所述待加载网页中的多个网页区域，确定所述待加载网页中的多个网页区域中网页区域的位置；以及

从预设数据库中查询所述网页区域的位置处的点击量，其中，所述预设数据库中预先存储有所述待加载网页中的任意网页区域的位置与所述待加载网页中的任意网页区域的位置处的点击量的对应关系。

6.根据权利要求5所述的网页热力图的加载方法，其特征在于，根据所述待加载网页的点击量，在所述待加载网页的截图上加载所述待加载网页的热力图包括：

加载所述待加载网页的截图；

确定所述待加载网页的截图与所述待加载网页的点击量之间的映射关系；以及

根据所述待加载网页的截图与所述待加载网页的点击量之间的映射关系在所述待加载网页的截图上加载所述待加载网页的热力图。

7.一种网页热力图的加载装置，其特征在于，包括：

第一获取模块，用于在网页的热力图配置界面添加待加载网页的截图，其中，所述网页的热力图配置界面是用于配置需要加载热力图的网页的界面；

第二获取模块，用于获取所述待加载网页的点击量；以及

加载模块，用于根据所述待加载网页的点击量，在所述待加载网页的截图上加载所述待加载网页的热力图。

8.根据权利要求7所述的网页热力图的加载装置，其特征在于，所述第一获取模块包括：

第一加载子模块，用于在所述网页的热力图配置界面上通过浏览器对象加载所述待加载网页；

第一判断子模块，用于判断所述浏览器对象加载所述待加载网页是否完成；

第一获取子模块，用于当判断出所述浏览器对象加载所述待加载网页完成时，获取所述待加载网页的尺寸；

建立模块，用于根据所述待加载网页的尺寸建立所述待加载网页对应的图片对象；

添加模块，用于将所述待加载网页的内容添加到所述待加载网页对应的图片对象中；以及

存储模块，用于将所述待加载网页对应的图片对象中的图片进行保存，得到所述待加载网页的截图。

9.根据权利要求7所述的网页热力图的加载装置，其特征在于，所述装置还包括：

判断模块，用于判断所述待加载网页是否发生变化；以及

第三获取模块，用于当判断出所述待加载网页发生变化，在所述网页的热力图配置界面上更新所述待加载网页的截图；

其中，所述判断模块包括：

第二判断子模块，用于判断所述待加载网页的版本是否发生变化，其中，如果确定所述待加载网页的版本发生变化，则确定所述待加载网页发生变化；

第三判断子模块，用于判断所述待加载网页的内容是否发生变化，其中，如果确定所述待加载网页的内容发生变化，则确定所述待加载网页发生变化。

10.根据权利要求7所述的网页热力图的加载装置，其特征在于，所述加载模块包括：

第二加载子模块，用于加载所述待加载网页的截图；

确定模块，用于确定所述待加载网页的截图与所述待加载网页的点击量之间的映射关系；以及

第三加载子模块，用于根据所述待加载网页的截图与所述待加载网页的点击量之间的映射关系在所述待加载网页的截图上加载所述待加载网页的热力图。