CN111090819A - 热力图生成方法、装置、终端以及计算机可读存储介质 - Google Patents
热力图生成方法、装置、终端以及计算机可读存储介质 Download PDFInfo
- Publication number
- CN111090819A CN111090819A CN201911103019.8A CN201911103019A CN111090819A CN 111090819 A CN111090819 A CN 111090819A CN 201911103019 A CN201911103019 A CN 201911103019A CN 111090819 A CN111090819 A CN 111090819A
- Authority
- CN
- China
- Prior art keywords
- target
- version
- thermodynamic diagram
- thermodynamic
- update
- Prior art date
- Legal status (The legal status is an assumption and is not a legal conclusion. Google has not performed a legal analysis and makes no representation as to the accuracy of the status listed.)
- Pending
Links
Images
Classifications
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F16/00—Information retrieval; Database structures therefor; File system structures therefor
- G06F16/90—Details of database functions independent of the retrieved data types
- G06F16/95—Retrieval from the web
- G06F16/957—Browsing optimisation, e.g. caching or content distillation
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F16/00—Information retrieval; Database structures therefor; File system structures therefor
- G06F16/90—Details of database functions independent of the retrieved data types
- G06F16/95—Retrieval from the web
- G06F16/958—Organisation or management of web site content, e.g. publishing, maintaining pages or automatic linking
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F8/00—Arrangements for software engineering
- G06F8/60—Software deployment
- G06F8/65—Updates
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F8/00—Arrangements for software engineering
- G06F8/70—Software maintenance or management
- G06F8/71—Version control; Configuration management
Landscapes
- Engineering & Computer Science (AREA)
- Theoretical Computer Science (AREA)
- General Engineering & Computer Science (AREA)
- Databases & Information Systems (AREA)
- Physics & Mathematics (AREA)
- General Physics & Mathematics (AREA)
- Software Systems (AREA)
- Data Mining & Analysis (AREA)
- Computer Security & Cryptography (AREA)
- Information Transfer Between Computers (AREA)
Abstract
本申请公开了一种热力图生成方法、装置、终端以及计算机可读存储介质,属于图像处理技术领域。本方法通过根据目标元素的点击量,生成的热力图,并且热力图中目标区域可以显示目标元素的点击量,并不显示该目标元素所属的显示区域的总点击量,因此,生成的热力图可以精确反映出目标元素的点击情况,精度较高。
Description
技术领域
本申请涉及图像处理技术领域,特别涉及一种热力图生成方法、装置、终端以及计算机可读存储介质。
背景技术
热力图为网页分析的重要工具,可以使用热力图来直观的展示用户对网页上各个网页元素的点击情况,以便技术人员根据用户对网页上各个网页元素的点击情况,对网页中的网页元素进行优化。
目前,服务器可以根据该网页上各个显示区域的点击量,直接生成网页的热力图,该热力图上的各个区域分别与网页上的一个显示区域对应,该热力图上的每个区域可以用于表示网页上对应的显示区域的点击量。
但是,网页上各个显示区域的点击量为各个显示区域的历史的点击总量,例如,网页的最新版本上的任一显示区域内的网页元素为元素A,而历史版本上的该任一显示区域内的网页元素为元素B时,任一显示区域的点击量为为元素A和元素B的点击总量,若服务器直接根据网页上各个显示区域的点击量,生成网页的热力图,热力图中与该任一显示区域对应的区域虽然可以表示元素A和元素B的总点击情况,并不能表示出元素A实际的点击情况,因此,通过上述过程所生成的热力图的精度低。
发明内容
本申请实施例提供了一种热力图生成方法、装置、终端以及计算机可读存储介质,能够提高生成的热力图的精度。该技术方案如下:
第一方面,提供了一种热力图生成方法,该方法包括:
接收网页更新信息,所述网页更新信息用于指示网页的版本已经发生更新;
根据所述网页更新信息,获取目标元素在所述网页的目标版本中的点击量,所述目标元素为在所述目标版本中已更新的网页元素;
根据所述目标元素的点击量,生成所述目标版本对应的热力图,所述目标版本对应的热力图中的目标区域用于显示所述目标元素的点击量,所述目标区域与所述目标元素在所述目标版本中的显示区域对应。
本方法通过根据目标元素的点击量,生成的热力图,并且热力图中目标区域可以显示目标元素的点击量,并不显示该目标元素所属的显示区域的总点击量,因此,生成的热力图可以精确反映出目标元素的点击情况,精度较高。
在一种可能实现方式中,所述目标区域中显示的目标颜色用于指示所述目标元素的点击量。
在一种可能实现方式中,所述根据所述目标元素的点击量,生成所述目标版本对应的热力图包括:
根据所述目标元素的点击量以及所述网页的热力图模板,生成初始热力图;
在所述初始热力图上的所述目标区域内添加所述目标元素的点击量、更新类型以及更新时间,得到所述目标版本对应的热力图,所述更新时间为所述目标版本的生成时间,所述目标区域还用于显示所述目标元素的更新类型以及更新时间。
在一种可能实现方式中,所述在所述初始热力图上的所述目标区域内添加所述目标元素的点击量、更新类型以及更新时间,得到所述目标版本对应的热力图之前,所述方法还包括:
根据所述网页更新信息,获取原始元素的图像信息和所述目标元素的更新类型、更新时间以及图像信息,所述原始元素为所述目标版本的历史版本中更新为所述目标元素的网页元素;
根据所述原始元素的图像信息以及所述目标元素的图像信息,对所述目标元素的更新类型进行验证;
当所述更新类型验证通过时,执行所述在所述初始热力图上的所述目标区域内添加所述目标元素的点击量、更新类型以及更新时间,得到所述目标版本对应的热力图的步骤,否则,根据修改后的更新类型,执行所述在所述初始热力图上的所述目标区域内添加所述目标元素的点击量、更新类型以及更新时间,得到所述目标版本对应的热力图的步骤。
在一种可能实现方式中,所述根据所述目标元素的图像信息以及所述原始元素的图像信息,对所述目标元素的更新类型进行验证包括:
显示所述原始元素的图像信息和所述目标元素的更新类型以及图像信息;
显示通知信息,所述通知信息用于通知第一用户根据显示的所述目标元素的图像信息以及所述原始元素的图像信息,对所述目标元素的更新类型进行验证。
在一种可能实现方式中,所述更新类型包括替换类型、删除类型以及增加类型中的任一项,所述替换类型用于指示所述目标版本与所述历史版本相比,所述目标元素为所述历史版本中替换后的网页元素,所述删除类型用于指示所述目标版本与所述历史版本相比,所述目标元素为所述历史版本中删除的网页元素,所述增加类型用于所述目标版本与所述历史版本相比,所述目标元素为所述历史版本中增加的网页元素。
在一种可能实现方式中,所述根据所述目标元素的点击量,生成所述目标版本对应的热力图之后,所述方法还包括:
显示所述目标版本对应的热力图。
在一种可能实现方式中,所述显示所述目标版本对应的热力图包括:
在热力图显示界面上,显示所述目标版本对应的热力图以及所述目标版本的历史版本对应的热力图。
基于上述可能的实现方式,同时为用户展示目标版本对应的热力图以及历史版本对应的热力图,可以使得第二用户对目标版本对应的热力图和历史版本对应的热力图进行一个比较直观的对比,从而确定两个热力图内各个网页元素之间的点击量变化情况,以便后续有利于对目标版本中的网页元素进行优化。
在一种可能实现方式中,所述根据所述目标元素的点击量,生成所述目显示所述目标版本对应的热力图之后,所述方法还包括:
接收热力图显示请求,所述热力图显示请求包括所述目标元素的更新时间,所述更新时间为所述目标版本的生成时间;
根据所述目标元素的更新时间,从存储的至少一个热力图中筛选出所述目标版本对应的热力图,所述至少一个热力图中的每个热力图分别对应一个更新时间,每个热力图所对应的更新时间为每个热力图对应的版本的生成时间;
向目标终端发送所述目标版本对应的热力图,由所述目标终端显示所述目标版本对应的热力图。
在一种可能实现方式中,所述热力图显示请求还包括历史更新时间,所述历史更新时间为所述历史版本的生成时间。
在一种可能实现方式中,所述接收热力图显示请求之后,所述方法还包括:
根据所述历史更新时间,从存储的至少一个热力图中筛选出所述历史版本对应的热力图;
向所述目标终端发送所述历史版本对应的热力图,由所述目标终端显示所述目标版本对应的热力图以及所述历史版本对应的热力图。
在一种可能实现方式中,所述接收热力图显示请求之后,所述方法还包括:
当所述目标版本为所述网页的最新版本时,向所述目标终端发送目标响应,所述目标响应用于指示所述目标版本为所述网页的最新版本,由所述目标终端直接显示所述目标终端内的所述目标版本对应的热力图。
第二方面,提供了一种热力图生成装置,用于执行上述热力图生成方法。具体地,该热力图生成装置包括用于执行上述第一方面或上述第一方面的任一种可选方式提供的热力图生成方法的功能模块。
第三方面,提供一种终端,该计算机设备包括处理器和存储器,该存储器中存储有至少一条指令,该指令由该处理器加载并执行以实现如上述热力图生成方法所执行的操作。
第四方面,提供一种计算机可读存储介质,该存储介质中存储有至少一条指令,该指令由处理器加载并执行以实现如上述热力图生成方法所执行的操作。
附图说明
为了更清楚地说明本申请实施例中的技术方案,下面将对实施例描述中所需要使用的附图作简单地介绍,显而易见地,下面描述中的附图仅仅是本申请的一些实施例,对于本领域普通技术人员来讲,在不付出创造性劳动的前提下,还可以根据这些附图获得其他的附图。
图1是本申请实施例提供的一种区块链系统的示意图;
图2是本申请实施例提供的一种热力图显示过程的示意图;
图3是本申请实施例提供的一种热力图显示过程的示意图;
图4是本申请实施例提供的一种计算机设备的结构示意图;
图5是本申请实施例提供的一种热力图生成方法的流程图;
图6是本申请实施例提供的一种元素管理界面的示意图;
图7是本申请实施例提供的一种热力图生成过程的流程图;
图8是本申请实施例提供的一种版本选择界面的示意图;
图9是本申请实施例提供的一种热力图显示界面的示意图;
图10是本申请实施例提供的一种热力图显示界面的示意图;
图11是本申请实施例提供的一种热力图进行显示的流程图;
图12是本申请实施例提供的一种热力图显示过程的示意图;
图13是本申请实施例提供的一种热力图生成装置的结构示意图。
具体实施方式
为使本申请的目的、技术方案和优点更加清楚,下面将结合附图对本申请实施方式作进一步地详细描述。
图1是本申请实施例提供的一种热力图显示系统的示意图,参见图1,该系统100包括服务器101、终端102以及目标终端103。其中,服务器101用于检测网页是否出现版本更新,当服务器101检测到网页出现版本更新后,将网页中发生更新的网页元素的更新前后的点击量、图像信息以及更新时间等更新数据发送给终端102。
终端102,用于接收服务器101发送的更新数据,并对接收的更新数据进行管理,当对接收的更新数据完成管理后,根据更新数据中的该网页元素的更新前后的点击量、图像信息、更新时间以及更新类型,生成该网页更新前后版本对应的热力图。其中,终端102对接收的更新数据进行管理可以包括对发生更新的网页元素进行验证,当验证完成后,根据该网页元素的更新前后的点击量、图像信息以及更新时间,生成该网页更新前后版本对应的热力图。在一种可能的实现方式,该终端102内可以安装有热力图可视化系统,当终端接收到更新数据后,热力图可视化系统显示发生更新的网页元素的更新前后的点击量、图像信息、更新时间以及更新类型,并通知具有管理权限的第一用户,使得第一用户可以根据显示的数据,对发生更新的网页元素进行验证,当第一用户对显示的数据完成验证后,热力图可视化系统根据发生更新的网页元素的更新前后的点击量、图像信息以及更新时间,生成该网页更新前后版本对应的热力图。其中,热力图可视化系统可以由热力图插件来进行显示,热力图插件的可以是一种浏览器的插件,当终端102安装完成该热力图插件后,第一用户可以打开热力图插件的开关,当热力图插件的开关打开后,热力图插件可以显示热力图可视化系统,第一用户可以登录热力图可视化系统,并使用热力图可视化系统对终端接收的数据进行管理,并生成热力图。例如,图2所示的本申请实施例提供的一种热力图显示过程的示意图,终端102接收到服务器101发送的更新数据后,通知管理员(也即是第一用户)对接收的更新数据进行管理,当管理员对更新数据完成管理后,终端102根据管理后的更新数据,生成热力图。需要说明的是,该终端102可以是笔记本电脑等计算机设备。
目标终端103,用于向终端101请求网页各个版本对应的热力图,并显示终端101发送的热力图。其中,目标终端103也可以安装热力图可视化系统,热力图可视化系统可以在版本选择界面中显示各个版本的热力图,当第二用户登录热力图可视化系统后,第二用户可以在版本选择界面中选择至少一个热力图,该第二用户可以是普通的热力图用户,例如网页设计师。当第二用户选择完至少一个热力图后,热力图可视化系统可以在热力图显示界面显示第二用户选择的热力图。仍以图2为例,热力图用户对版本选择界面内显示的热力图进行选择,当选择完成后,目标终端103在热力图显示界面上显示热力图用户所选择的热力图。需要说明的是,第一用户具有管理权限,而第二用户没有管理权限,第一用户可以对更新数据进行管理,第二用户为请求显示热力图的用户。
在一些实施例中,终端102和目标终端103的功能可以由一个计算机设备来实现,当第一用户登录热力图可视化系统时,该计算机设备可以完成终端102的功能,当第二用户登录热力图可视化系统时,该计算机设备可以完成终端101的功能。
为了进一步体现热力图显示系统显示热力图的具体过程,参见图3所示的本申请实施例提供的一种热力图显示过程的示意图,热力图可视化系统以浏览器插件的形式,安装在计算机设备(也即是终端或/和目标终端)上,服务器通过网络(http)可以获取网页更新前后版本的截图,并识别截图中的网页元素,确定发生更新的网页元素,从而获取到发生更新的网页元素更新前后的更新数据,当服务器获取到更新数据后,将更新数据发送至热力图可视化系统,计算机设备通过浏览器插件显示热力图可视化系统,管理员对热力图可视化系统所显示的更新数据进行管理,当管理完成后,计算机设备生成网页各个版本所对应的热力图,热力图用户从各个热力图中,选择待显示的热力图,当选择完成后,计算机设备显示热力图用户所选择的热力图。
服务器101、终端102以及目标终端103均可以是图4所示的计算机设备,其中,图4是本申请实施例提供的一种计算机设备的结构示意图,在图4中,计算机设备400包括可因配置或性能不同而产生比较大的差异,可以包括一个或一个以上处理器(centralprocessing units,CPU)401和一个或一个以上的存储器402,其中,该存储器402中存储有至少一条指令,该至少一条指令由该处理器201加载并执行以实现下述各个方法实施例提供的方法。当然,该计算机设备400还可以具有有线或无线网络接口、键盘以及输入输出接口等部件,以便进行输入输出,该计算机设备400还可以包括其他用于实现设备功能的部件,在此不做赘述。
在示例性实施例中,还提供了一种计算机可读存储介质,例如包括指令的存储器,上述指令可由终端中的处理器执行以完成下述实施例中的热力图生成方法。例如,该计算机可读存储介质可以是只读存储器(read-only memory,ROM)、随机存取存储器(randomaccess memory,RAM)、只读光盘(compact disc read-only memory,CD-ROM)、磁带、软盘和光数据存储设备等。
以上是对热力图显示系统以及热力图显示系统中各个设备所进行的描述,为了进一步体现热力图显示系统实现热力图显示的具体过程,参见如图5所示的本申请实施例提供的一种热力图生成方法的流程图,该方法的流程具体包括下述步骤501-512。
501、服务器向终端发送网页更新信息,该网页更新信息用于指示网页的版本已经发生更新。
该网页可以是任一网页,对应一个网页地址,该网页可以有多个版本,每个版本的网页均可以在该网页地址上显示,该网页可以由多个网页元素组成,该网页元素可以是文本、图片、以及视频等,本申请实施例对该网页的网页元素不做具体限定。该网页可以划分为多个显示区域,每个显示区域内可以显示至少一个网页元素,当然,显示区域也可以是空白区域,不显示任何网页元素。为了便于叙述,本申请实施例将未显示任何网页元素的显示区域的网页元素记为空元素。对于该网页的不同版本,各个版本中显示区域的划分方式一致,对于该网页的任一版本,当该任一版本的至少一个显示区域内的网页元素发生更新后,得到目标版本,该目标版本也即是该任一版本更新后的版本,该任一版本也即是目标版本的历史版本。
该网页更新信息可以包括至少一个目标元素的点击量、更新类型、更新时间以及图像信息,还可以包括至少一个原始元素的图像信息,每个目标元素对应一个原始元素。其中,目标元素为在该目标版本中已更新的网页元素,该原始元素为该历史版本中更新为该目标元素的网页元素,需要明的是,目标元素可以显示在该目标版本的第一目标区域,该第一目标区域为网页中的任一显示区域,该历史版本中该第一目标区域所显示的各个网页元素均是历史元素,也即是该历史元素可以包括至少一个网页元素,该第一目标区域中的目标元素也可以包括至少一个网页元素,本申请实施例以第一目标区域内的目标元素仅是一个网页元素为例进行说明。例如,历史版本中显示区域1内的网页元素为“文字标题”,目标版本中显示区域1内的网页元素包括“文字标题”和“按钮一”,则“文字标题”为原始元素,“按钮一”为该原始元素对应的目标元素。
需要说明的是,历史版本与该目标版本相比,发生更新的显示区域可以是至少一个,因此,目标版本中存在至少一个目标元素,那么,历史版本中存在与每个目标元素对应的原始元素。
在一个时间段内,网页的版本可以进行多次更新,每次更新均对应一个更新时间,因此在该时间段内,网页可以有多个版本,每个版本都可以作为该版本的上一个版本的目标版本以及该版本的下一个版本的历史版本,例如,网页的版本1可以更新为版本2,版本2又可以更新为版本3,则版本2不仅是版本1的目标版本,还是版本3的历史版本。因此,网页更新信息中的目标元素可以是多个目标版本中的网页元素,相应地原始元素也可以是多个历史版本中的网页元素。对于相对应的目标元素和原始元素,是相对一个目标版本和该目标版本的历史版本而言的。
一个目标元素的点击量为目标元素在目标版本中的点击量,一个原始元素的点击量为原始元素在历史版本中的点击量,当该网页各个版本的各个显示区域均包括一个网页元素时,该服务器内可以存储有该网页各个版本的各个显示区域的点击量,各个显示区域的点击量,也即是各个显示区域内网页元素的点击量;当该网页各个版本的各个显示区域包括多个网页元素时,服务器可以存储有各个版本的各个网页元素的点击量,从而服务器可以从存储的目标版本的各个显示区域的点击量中,或从存储的目标版本上各个网页元素的点击量中,筛选出目标元素的点击量,服务器可以从存储的历史版本的各个显示区域的点击量中,或从存储的历史版本的各个网页元素的点击量中,筛选出原始元素的点击量。
目标元素的更新类型可以包括替换类型、删除类型以及增加类型中的任一项,该替换类型用于指示目标版本与历史版本相比,目标元素为历史版本中替换后的网页元素,例如,历史版本中显示区域2内的原始元素为“按钮二”,目标版本中显示区域2内的目标元素为“按钮三”,该目标元素的更新类型为替换类型,该替换类型可以用替换标识来指示。
该删除类型用于目标版本与历史版本相比,目标元素为历史版本中删除的网页元素,以第一目标区域为显示区域3为例,历史版本中显示区域3内的原始元素包括“文字标题”和“按钮四”,目标版本中显示区域3内的目标元素为“文字标题”,则该目标元素的更新类型为删除类型,可以指示删除了显示区域3中的“按钮四”,该删除类型可以用删除标识来指示。
该增加类型用于目标版本与历史版本相比,目标元素为历史版本中增加的网页元素,以第一目标区域为显示区域1为例,历史版本中显示区域1内的原始元素为“文字标题”,目标版本中显示区域1内包括“文字标题”和“按钮一”,其中“按钮一”为新增的网页元素,则该目标元素的更新类型为增加类型,可以指示在显示区域1中的增加了目标元素“按钮一”,该增加类型可以用增加标识来指示。本申请实施例对该替换标识、删除标识以及增加标识的表示方式不做具体限定。
目标元素的更新时间可以为历史版本更新为目标版本的时间,每个目标版本上的目标元素的更新时间相同。目标元素的图像信息可以是目标版本中用于显示该目标元素的显示区域的截图,该原始元素的图像信息可以是历史版本中用于显示该原始元素的显示区域的截图。
该服务器可以间隔预设时间,对该网页的版本进行检测,当检测到该网页在该预设时间内,出现了版本更新,得到该预设时间内该网页更新后的各个版本的截图,对于每一组对应的目标版本的目标截图和历史版本的历史截图,服务器对目标截图和历史截图中的网页元素进行图像识别,以确定出目标版本中的至少一个目标元素和历史版本中的至少一个原始元素,对于对应的目标元素和原始元素,通过对比目标元素的图像信息和原始元素的图像信息,确定该目标元素的更新类型。
当服务器获取到至少一个目标元素的点击量、更新类型、更新时间以及图像信息以及至少一个原始元素的图像信息后,该服务器将至少一个目标元素的点击量、更新类型、更新时间以及图像信息以及至少一个原始元素的图像信息封装成该网页更新信息,并执行本步骤501。当终端未生成历史版本的对应的热力图时,该网页更新信息还可以包括该历史版本中至少一个目标元素的更新时间、更新类型以及点击量,以便后续生成历史版本对应的热力图。例如,当服务器检测到在该预设时间段内,该网页的版本1在时间1时更新为版本2,版本2在时间2时更新为版本3,则服务器获取版本1的截图1,版本2的截图2以及版本3的截图3,通过对这个3个截图上的网页元素进行图像识别,可以确定版本1内的历史元素1与版本2内的目标元素1对应,版本2内的历史元素2与版本3中的目标元素2对应,则该服务器向终端发送的网页更新信息包括目标元素1和2的更新时间、点击量以及更新类型,还包括历史元素1和2的图像信息,其中,历史元素1与目标元素1对应,历史元素2与目标元素2对应,目标元素1的更新时间为时间1,目标元素2的更新时间为时间2。
需要说明的是,该网页更新信息中的更新类型可以用更新标识来表示,该更新标识可以包括替换标识、删除标识和增加标识中的任一个。目标版本与历史版本相比,还会存在未发生更新的网页元素,该网页更新信息还可以包括未发生更新的网页元素在历史版本以及目标版本的点击量。
502、终端接收该网页更新信息。
503、该终端根据该网页更新信息,获取目标元素在该网页的目标版本中的点击量,该目标元素为在该目标版本中已更新的网页元素。
由于该网页更新信息包括目标元素的点击量因此,该终端可以在该网页更新信息中直接获取目标元素的点击量
当该网页更新信息包括目标元素的点击量、更新类型、更新时间以及图像信息,该终端还可以从该网页更新信息中获取目标元素的、更新类型、更新时间以及图像信息。
504、该终端根据该网页更新信息,获取原始元素的图像信息和该目标元素的更新类型、更新时间以及图像信息,该原始元素为该目标版本的历史版本中更新为该目标元素的网页元素。
当该网页更新信息包括原始元素图像信息和目标元素的点击量、更新类型、更新时间以及图像信息时,该终端可以直接从该网页更新信息中原始元素的图像信息和该目标元素的更新类型、更新时间以及图像信息。
需要说明的是,步骤503和步骤504可以同时执行,也可以先执行本步骤504再执行步骤503,本申请实施例对步骤503和504的执行顺序不做具体限定。
505、终端根据原始元素的图像信息以及目标元素的图像信息,对该目标元素的更新类型进行验证。
为了确保目标元素的更新类型正确,该终端可以先显示原始元素的图像信息以及目标元素的图像信息,使第一用户可以根据显示的图像信息,对该目标元素的更新类型进行验证,从而完成对目标元素的更新类型的验证。在一种可能的实现方式中,本步骤505可以由下述步骤51-52所示的过程来实现。
步骤51、终端显示原始元素的图像信息和目标元素的更新类型、更新时间以及图像信息。
当该终端获取到目标元素的点击量、更新类型、更新时间以及图像信息和原始元素的图像信息以及点击量后,该终端可以将目标元素的点击量、更新类型、更新时间以及图像信息与原始元素的图像信息以及点击量进行关联存储。当存储完成后,该终端可以在热力图可视化系统的元素管理界面上显示目标元素的更新数据,其中,目标元素的更新数据包括原始元素的图像信息和目标元素的更新类型、更新时间以及图像信息。
该元素管理界面可以包括待管理窗口、已管理窗口以及消息通知窗口,例如,图6所示的本申请实施例提供的一种元素管理界面的示意图。其中,待管理窗口用于显示待验证的目标元素的更新数据。已管理窗口包括管理过的或者是验证过的目标元素的更新数据,消息通知窗口用于显示通知消息,以提醒第一用户对网页元素进行管理或验证。
其中,待管理窗口可以显示管理表,管理表中的每一行用于表示一个目标元素的更新类型、更新时间以及更新前后的图像信息,例如,图6中待管理窗口中的管理表内管理的第一行,目标元素的图像信息显示更新后的图像信息列中,原始元素的图像信息(也即是区域1的截图)上显示有“文字标题”和“按钮一”,原始元素的图像信息显示在更新前的图像信息列,原始元素的图像信息显示有“文字标题”,可见“按钮一”为新增的目标元素,该目标元素的更新类型为增加类型,增加类型显示在更新类型列,目标元素的更新时间为2019.02.04显示在更新时间列,从而可以通过管理表直观的显示出待管理窗口内各个目标元素的更新类型、更新时间以及更新前后的图像信息。
步骤52、该终端显示通知信息,该通知信息用于通知第一用户根据显示的目标元素的图像信息以及原始元素的图像信息,对所述目标元素的更新类型进行验证。
该终端可以在消息通知窗口显示该通知信息,来通知第一用户对待管理窗口内的目标元素的更新类型进行验证。例如,图6中的消息通知窗口显示的消息1。
第一用户可以将目标元素的图像信息和原始元素的图像信息进行对比,确定目标元素为历史版本的第一目标区域中替换后的网页元素,还是删除后的网页元素,还是新增的网页元素,从而确定出该目标元素的更新类型。对于任一目标元素,当第一用户所确定的更新类型与该终端显示的该目标元素的更新类型一致时,则第一用户可以认为该目标元素的更新类型通过验证,否则该第一用户可以在待管理窗口修改目标元素的更新类型。该第一用户可以在该目标元素对应的更新类型列中,选择正确的更新类型,具体地,该第一用户可以在该目标元素对应的更新类型列中点击正确的更新类型,当该终端检测到对任一更新类型的点击动作时,该终端将目标元素的原来的更新类型修改为该任一更新类型,例如图6中管理表内管理的第一行所管理的目标元素“按钮一”,该目标元素的应该为新增加的网页元素,但是管理表内显示的该目标元素的更新类型为替换类型,则该第一用户可以在更新类型列的第一行中点击新增类型,从而当终端检测到对新增类型的点击动作时,该终端将替换类型修改为新增类型。
在一些实施例中,该目标元素的更新类型未通过验证时,第一用户还可以将该目标元素的更新类型修改为误识别类型,用于指示服务器对该目标元素的更新类别识别错误。例如,图6中第四行初始显示的更新类型为增加类型,但是通过更新前后的图像信息对比可知,该更新类型应该是替换类型,具体地,将“文字标题1”替换成了“文字标题2”,将“按钮五”替换成了“按钮四”,因此,该第一用户可以第四行的更新类型替换为误识别类型。需要说明的是,第一用户将该目标元素的更新类型修改为误识别类型的过程与上述第一用户修改识别错误的更新类型的过程同理。
当第一用户对该待管理窗口内的各个目标元素均进行验证后,也即是待管理窗口内的各个目标元素的更新类型均正确,该第一用户可以点击元素管理界面中的确定按钮,以证明第一用户完成验证,当该终端检测到第一用户对该确定按钮的点击动作时,该终端可以认为各个目标元素的更新类型通过验证。
该第一用户除了对该目标元素的更新类型进行验证以外,还可以对目标元素的图像信息和原始元素的图像信息进行验证,具体地,第一用户可以通过目标版本以及历史版本的网页,对目标元素的图像信息进行验证,当该目标元素被显示在目标版本的第一目标区域时,若该目标元素的图像信息与该目标版本的第一目标区域的图像信息一致时,则认为该目标元素的图像信息通过验证,否则不通过验证,若该原始元素的图像信息与该历史版本的第一目标区域的图像信息一致时,则认为该原始元素的图像信息通过验证,否则不通过验证。当目标元素的图像信息和原始元素的图像信息均验证通过后,该第一用户可以根据该目标元素的图像信息和原始元素的图像信息,对该目标元素的更新类型进行验证。当目标元素的图像信息或原始元素的图像信息未通过验证时,该第一用户可以重新上传正确的目标元素的图像信息或原始元素的图像信息至终端,该终端将显示的目标元素的图像信息或原始元素的图像信息,修改为第一用户上传的目标元素的图像信息或原始元素的图像信息。其中,正确的目标元素的图像信息可以是第一用户通过第一终端内的截图工具,对目标版本的第一目标区域的截图,正确的原始元素的图像信息可以是第一用户通过第一终端内的截图工具,对历史版本的第一目标区域的截图。
需要说明的是,元素管理界面还具有时间筛选功能,该元素管理界面中显示时间筛选窗口,第一用户可以在时间筛选窗口选择更新时间,当第一用户在时间筛选窗口内选择完更新时间后,第一用户可以点击元素管理界面中的重置按钮,该终端可以在待管理元素窗口显示时间筛选窗口内第一用户所选择的更新时间所对应的目标元素的更新信息。例如,图6所示的时间筛选窗口选定的时间包括2016-09-01至2016-09-20内的任一时间,终端刷新待管理窗口内所显示的目标元素的更新数据,重新在该待管理窗口显示更新时间在2016-09-01至2016-09-20段内的目标元素的更新数据。
506、当该目标元素的更新类型验证通过时,该终端根据该目标元素的点击量,生成所述目标版本对应的热力图,该目标版本对应的热力图中的目标区域用于显示该目标元素的点击量,该目标区域与该目标元素在该目标版本中的显示区域对应。
该目标元素的点击量、更新类型以及更新时间可以显示在该热力图的目标区域中,该目标区域与该目标元素所在的该目标版本的第一目标区域对应。终端可以预先设置有热力图模板以及至少一个点击区间,该热力图模板可以由多个区域组成,每个区域对应于网页中的一个显示区域。每个点击区间包括至少一个点击量,每个点击区间对应一种颜色,且网页的每个版本可以分别对应一个热力图模板。该终端可以根据目标元素的点击量以及该热力图模板,生成该目标版本对应的热力图。在一种可能的实现方式中,本步骤506所示的过程可以由步骤61-62所示的过程来实现。
步骤61、该终端根据目标元素的点击量以及网页的热力图模板,生成初始热力图。
对于目标版本中的任一网页元素,该终端可以根据该任一网页元素的点击量,从至少一个点击区间中确定该任一网页元素对应的第一点击区间,从而终端可以根据各个点击区间与颜色的对应关系,确定出第一点击区间对应的颜色,也即是该任一网页元素的对应的颜色;该终端使用该任一网页元素的对应的颜色,对该目标版本内与该任一网页元素对应的任一区域进行填充。当该终端将该热力图模板内的各个区域内均添加上对应的颜色后,得到该目标版本对应的初始热力图。其中,该目标元素的点击量在第二点击区间内,该第二点击区间与目标颜色对应,该终端可以使用该目标颜色,对该热力图模板的目标区域进行填充,从而使得该与目标颜色用于指示该目标元素的点击量。
在一些实施例中,可以直接将该初始热力图作为该目标版本对应的热力图,在一些实施例中,该终端还可以通过在该初始热力图添加网页元素的点击量,来获取该该目标版本对应的热力图。例如步骤62所示的过程。
步骤62、终端在初始热力图上的目标区域内添加该目标元素的点击量、更新类型以及更新时间,得到该目标版本对应的热力图,该更新时间为所述目标版本的生成时间,该目标区域还用于显示该目标元素的更新类型以及更新时间。
在一些实施例中,该终端还可以将未更新的网页元素的点击量添加在初始热力图中,以便热力图可以显示未更新的网页元素的点击量。需要说明的是,终端在初始热力图中添加目标元素的点击量、更新类型以及更新时间时所使用的字体的型号或颜色,与添加未更新的网页元素的点击量时所用户的字体的型号或颜色可以不同,以区分目标元素与未更新的网页元素。
当通过验证的各个目标元素为至少一个目标版本上的更新后的网页元素时,对于每一个目标版本,该终端可以通过本步骤506所示的过程,生成每个目标版本对应的热力图,每个版本的热力图对应一个更新时间,其中,有的目标版本的热力图也可以是其他历史版本的对应的热力图,仍以上述版本1-3为例,通过本步骤506,终端可以获取版本1对应的热力图1,版本2对应的热力图2,以及版本3对应的热力图3,其中,热力图2是版本1的目标版本对应的热力图,同时也是版本3的历史版本对应的热力图。
需要说明的是,本步骤506所示的过程也即是终端根据目标元素的点击量,生成目标版本对应的热力图,的过程。当该终端内未存储有该历史版本对应的热力图后,该终端可以根据历史版本上的目标元素的点击量、更新类型以及更新时间,生成该目标版本对应的热力图,该热力图上显示有历史版本上的目标元素的点击量、更新类型以及更新时间。需要说明的是,生成历史版本对应的热力图与生成目标版本对应的热力图的过程同理,在此,本申请实施例对生成历史版本对应的热力图的过程不做赘述。
每当该终端生成一个版本对应的热力图后,该终端将该版本对应的热力图与对应的更新时间进行关联存储,从而使得各个目标版本对应的热力图能够分别对应一个更新时间对应,以便后续查找。
步骤502-506所示的过程为终端生成热力图的过程,为了进一步说明该过程,参见图7所示的本申请实施例提供的一种热力图生成过程的流程图,该流程可以具体包括步骤71-74。
步骤71、终端接收服务器发送的目标元素的更新类型、更新时间以及更新前后的截图。
其中,更新前的截图也即历史元素的图像信息,更新后的截图也即是目标元素的图像信息。
步骤72、当接收到目标元素的更新类型、更新时间以及更新前后的截图后,终端向管理员发起通知,以请求管理员对目标元素的更新类型进行验证。
其中,终端向管理员发起通知可以具体表现为:该终端在消息通知窗口显示通知消息。
步骤73、终端获取管理员验证通过的目标元素的更新类型。
当终端检测到管理员在待管理界面上点击确定按钮时,则将当前待管理界面上显示的各个目标元素的更新类型,获取为取管理员验证通过的目标元素的更新类型。
步骤74、终端根据验证通过的目标元素的更新类型、目标元素的更新时间以及点击量,生成不同版本对应的热力图,每个版本对应的热力图对应一个更新时间。
507、目标终端向该终端发送热力图显示请求,该热力图显示请求包括该目标元素的更新时间以及历史更新时间。
该热力图显示请求可以包括目标元素的更新时间和历史更新时间中的至少一个。当该热力图显示请求仅包括目标元素的更新时间时,该热力图显示请求用于请求获取该更新时间对应的目标版本所对应的热力图,并显示该热力图。当该热力图显示请求仅包括历史更新时间时,该热力图显示请求用于请求获取该历史更新时间对应的历史版本所对应的热力图,并显示该热力图。当该热力图显示请求包括目标元素的更新时间和历史更新时间时,该热力图显示请求用于请求该目标版本所对应的热力图以及历史版本所对应的热力图,并显示这两个热力图。
当然,该热力图显示请求可以包括目标时间段,该目标时间段可以包括该更新时间和历史更新时间。该目标时间段可以由第二用户进行选择,当该目标终端检测到该二用户对该目标时间段进行了选择动作时,触发该目标终端执行本步骤508。
508、该终端根据热力图显示请求中的更新时间以及历史更新时间,获取该目标版本对应的热力图以及历史版本对应的热力图。
由于每生成一个网页版本对应的热力图后,均会将该版本的热力图与该版本内的目标元素的更新时间进行关联存储,因此,终端内可以存储有与至少一个更新时间对应的热力图,每个热力图所对应的更新时间为每个热力图对应的版本的生成时间。该终端根据热力图显示请求中的更新时间以及历史更新时间,根据所述目标元素的更新时间,从存储的至少一个热力图中筛选出所述目标版本对应的热力图以及历史版本对应的热力图,其中,该更新时间对应的热力图也即是该目标版本对应的热力图,历史更新时间对应的热力图也即是历史版本对应的热力图。
其中,根据所述目标元素的更新时间,从存储的至少一个热力图中筛选出所述目标版本对应的热力图以及历史版本对应的热力图包括:根据目标元素的更新时间,从存储的至少一个热力图中筛选出该目标版本对应的热力图;根据该历史更新时间,从存储的至少一个热力图中筛选出该历史版本对应的热力图。
509、该终端向目标终端发送该目标版本对应的热力图以及该历史版本对应的热力图。
当该热力图显示请求仅包括该更新时间时,该终端仅向该目标终端发送目标版本所对应的热力图;当该热力图显示请求仅包括历史更新时间时,该终端仅向该目标终端发送历史版本所对应的热力图;当该热力图显示请求包括目标元素的更新时间和历史更新时间时,该终端向目标终端发送该目标版本对应的热力图以及该历史版本对应的热力图。当该热力图显示请求包括目标时间段时,该终端向该目标终端发送该目标时间段内的各个更新时间对应的热力图。
510、该目标终端接收该目标版本对应的热力图以及该历史版本对应的热力图。
511、目标终端显示该目标版本对应的热力图以及该历史版本对应的热力图。
当目标终端接收到该目标版本对应的热力图以及该历史版本对应的热力图后,该目标终端可以将该目标版本对应的热力图与该更新时间进行关联存储,将与该历史版本对应的热力图与历史更新时间进行关联存储,当存储完成后,该目标终端可以在版本选择界面显示该目标终端中存储的热力图的热力图标识以及对应的更新时间,从而可以由第二用户在版本选择界面中选择第二用户需求的热力图,其中,该热力图标识可以是热力图的缩略图,本申请实施例对该热力图标识不做具体限定。该版本选择界面包括多个展示区,每个展示区用于显示由一个热力图的版本名称、对应的更时间以及热力图标识,每个展示区还有一个选择框,以便第二用户通过点击选择框,来选择对应的热力图,本申请实施例对版本选择界面中展示区的个数以及大小不做具体限定。例如,图8所示的本申请实施例提供的一种版本选择界面的示意图,该版本选择界面包括3个展示区,当终端检测到第二用户在展示区1中的选择框进行了点击动作时,该终端显示在选择框中显示“√”,以表示第二用户选择了热力图的版本名称为版本1,版本1对应的更新时间为2019.01.02,当目标终端检测到第二用户对版本选择界面内的确定按钮进行了点击动作后,该终端可以直接显示与更新时间2019.01.02对应的热力图。当目标终端检测到第二用户点击版本选择界面内的重置按钮时,触发目标终端向终端发送热力图显示请求,此时,该热力图显示请求包括第一目标时间段,该第一目标时间段的终止初始时间可以是该目标终端发送给该热力图显示请求的时间,当然,该第一目标时间段还可以第二用户所选择的时间段,本申请实施例对该第一目标时间段不做具体限定。
当第二用户在版本选择界面仅选择了目标版本对应的热力图后,该目标终端可以在热力图显示界面显示该目标版本对应的热力图,例如,图9所示的本申请实施例提供的一种热力图显示界面的示意图,热力图显示界面仅显示了目标版本对应的热力图,该目标版本对应的更新时间为2月04号,其中,该图9中虚线框中的网页元素为目标元素,可见目标版本中的目标元素包括3个分别是“按钮一”、“空元素”以及“按钮二”,可见图9所显示的热力图中各个目标元素所在的区域上分别显示了各个目标元素的元素类型、更新时间、点击量以及图像信息。例如,“按钮一”为显示区域1中新增加的目标元素,“按钮一”在目标版本中的点击量为230次,“按钮一”的更新日期为2.04,也即是2月04号。
当第二用户在版本选择界面选择了目标版本对应的热力图以及历史版本对应的热力图后,该目标终端可以在热力图显示界面同时显示该目标版本对应的热力图以及历史版本对应的热力图,例如,图10所示的本申请实施例提供的一种热力图显示界面的示意图,热力图显示界面显示了目标版本对应的热力图(新版本)以及历史版本对应的热力图(旧版本),该目标版本对应的更新时间为2月04号,其中,该图10中虚线框中的网页元素为出现更新的,可见目标版本中的目标元素为“按钮三”,原始元素为“按钮二”,其中,旧版本的热力图显示在原始元素所在的区域上显示以及该“按钮二”的更新时间(02.01)以及更新类型(替换类型)以及“按钮二”的点击量450次。新版本的热力图在目标元素“按钮三”所在区域显示该“按钮三”的更新时间(02.04)以及更新类型(替换类型)以及“按钮三”的点击量230次。从而通过同时显示的目标版本对应的热力图和历史版本对应的热力图,可以使得第二用户对目标版本对应的热力图和历史版本对应的热力图进行一个比较直观的对比,来确定两个热力图内各个网页元素之间的点击量变化情况,以便后续对目标版本中的网页元素进行优化。
需要说明的是,各个版本的热力图上均可以显示各个网页元素的点击量,还可以仅显示目标网页元素的点击量、更新类型以及更新时间,或仅显示未发生更新的网页元素的点击量。当该目标终端上开始显示任一热力图时,该任一热力图可以不显示各个网页元素的点击量以及目标元素的更新时间和更新类型,当该目标终端检测到第二用户在该任一热力图上进行了第一动作时,该目标终端可以在该任一热力图上显示目标网页元素的点击量、更新类型以及更新时间;当该目标终端检测到第二用户在该任一热力图上进行了第二动作时,该目标终端可以在该任一热力图上显示未发生更新的网页元素的点击量;当该目标终端检测到第二用户在该任一热力图上进行了第三动作时,该目标终端可以在该任一热力图上显示各个网页元素的点击量以及目标元素的更新时间和更新类型。其中,该第一动作可以是在鼠标右侧单击任一热力图的任一区域,该第二动作可以是在鼠标左侧单击任一热力图的任一区域,该第三动作可以是在双击任一热力图的任一区域。本申请实施例对该第一动作、第二动作以及第三动作不做具体限定。热力图显示的目标元素的点击量、更新类型以及更新时间所用的字体的颜色或型号,与显示的未更新的网页元素的点击量所用的字体的颜色或型号可以不同,以便第二用户可以更加直观的获悉热力图中哪些网页元素为发生更新的目标元素,哪些为未发生更新的网页元素。
需要说明的是,当该目标版本为该网页的最新版本时,且该目标终端内存储有该目标版本对应的热力图时,若该目标终端再次向该终端发送用于请求该目标版本对应的热力图,该终端向该目标终端发送目标响应,该目标响应用于指示该目标版本为该网页的最新版本,该目标终端可以直接显示目标终端内的目标版本对应的热力图。
需要说明的是,步骤508-512所示的过程为显示目标版本对应的热力图的过程。为了进一步说明该过程的实施流程,参见图11所示的本申请实施例提供的一种热力图进行显示的流程图,该流程包括下述步骤111-118。
步骤111、终端接收携带第一时间段的热力图显示请求,其中该第一时间段第二用户所选择的任一时间段。
在该实施例中该第一时间段为当前时间段,其终止时间为当前时刻。
步骤112、终端判断网页在第一该时间段内是否发生版本变动,当网页的版本在该第一时间段内未发生变动时,执行步骤113,否则执行步骤115。
终端可以其存储的各个热力图对应的更新时间,来判断该网页在第一该时间段内是否发生版本变动,若存储的至少两个热力图的更新时间在该第一时间段内,说明该网页的版本在该第一时间段内发生了变动,否则未发生变动。
步骤113,当网页的版本在该第一时间段内未发生变动时,终端向目标终端发送目标响应,以提醒第二用户在该第一时间段内该网页未出现版本更新,可以继续使用之前发送的最新版本对应的热力图。
步骤114、当目标终端接收到该目标响应,直接显示最新版本对应的热力图。
步骤115、当网页的版本在该第一时间段内发生变动时,终端筛选出更新时间在该第一时间段内的多个版本对应的热力图,得到多个热力图,并向目标终端发送该多个热力图。
步骤116、当接收到多个热力图后,目标终端在版本选择界面显示多个热力图的热力图标识,并检测第二用户是否在该版本选择界面选择热力图。
步骤117、当目标终端未检测到第二用户在该版本选择界面选择热力图时,则该热力图显示界面显示该多个热力图中个更新时间最大的热力图。
步骤118、当目标终端未检测到第二用户在该版本选择界面选择热力图时,则该热力图显示界面显示该第二用户所选择的该对个热力图中的至少一个热力图。
为了进一步形象说明图8所示的过程,参见图12所示的本申请实施例提供的一种热力图显示过程的示意图,图12所示的过程为:对于任一网页,当服务器监测相对于历史版本相比,目标版本内的目标元素发生了更新时,向终端发送目标元素的点击量、更新类型、更新时间以及更新前后的截图;当终端接收到目标元素的点击量、更新类型、更新时间以及更新前后的截图后,显示目标元素的更新类型、更新时间以及更新前后的截图,并通知管理员对该目标元素进行管理,管理员对该目标元素进行管理可以表现为:对该目标元素的更新类型进行验证。当管理员对该目标元素管理完成后,该终端根据目标元素的点击量、更新类型以及更新时间,生成目标版本对应的热力图。目标终端向终端请求管理后生成的至少一个版本对应的热力图。目标终端接收该终端基于该请求返回的至少一个版本对应的热力图,并在版本选择界面显示至少一个版本对应的热力图的缩略图。热力图用户可以基于版本选择界面内的时间筛选功能,从版本选择界选择出待显示的热力图,当热力图用户选择完成后,目标终端在热力图显示界面,显示热力图用户所选择的热力图。
需要说明的是,步骤507-511所示的过程为目标终端显示目标版本对应的热力图的过程,在一些实施例,该终端可以直接显示目标版本对应的热力图,在一种可能的实现方式中,该终端在热力图显示界面内上,目标版本对应的热力图,其中,该终端在热力图显示界面内上,目标版本对应的热力图过程与目标终端在热力图显示界面内上,目标版本对应的热力图的同理,在此,本申请实施例对该终端在热力图显示界面内上,目标版本对应的热力图不做赘述。
在一种可能的实现方式中,该终端可以在热力图显示界面上,显示该目标版本对应的热力图以及该目标版本的历史版本对应的热力图。其中,该终端在热力图显示界面上,显示该目标版本对应的热力图以及该目标版本的历史版本对应的热力图的过程与目标终端在热力图显示界面上,显示该目标版本对应的热力图以及该目标版本的历史版本对应的热力图的过程同理,在此,本申请实施例对该终端在热力图显示界面上,显示该目标版本对应的热力图以及该目标版本的历史版本对应的热力图的过程不做赘述。
本申请实施例提供的方法,通过根据目标元素的点击量,生成的热力图,并且热力图中目标区域可以显示目标元素的点击量,并不显示该目标元素所属的显示区域的总点击量,因此,生成的热力图可以精确反映出目标元素的点击情况,精度较高。并且,还可以同时为用户展示目标版本对应的热力图以及历史版本对应的热力图,可以使得第二用户对目标版本对应的热力图和历史版本对应的热力图进行一个比较直观的对比,从而确定两个热力图内各个网页元素之间的点击量变化情况,以便后续有利于对目标版本中的网页元素进行优化。
图13是本申请实施例提供的一种热力图生成装置的结构示意图,该装置包括:
接收模块1301,用于执行上述步骤502;
获取模块1302,用于执行上述步骤503;
生成模块1303,用于执行上述步骤506。
可选地,所述目标区域中显示的目标颜色用于指示所述目标元素的点击量。
可选地,所述生成模块1303用于执行上述步骤61-62。
可选地,所述装置还包括验证模块和执行模块;
所述获取模块,还用于执行上述步骤504;
所述验证模块,用于执行上述步骤505;
所述执行模块,用于当所述更新类型验证通过时,执行所述在所述初始热力图上的所述目标区域内添加所述目标元素的点击量、更新类型以及更新时间,得到所述目标版本对应的热力图的步骤,否则,根据修改后的更新类型,执行所述在所述初始热力图上的所述目标区域内添加所述目标元素的点击量、更新类型以及更新时间,得到所述目标版本对应的热力图的步骤。
可选地,所述验证模块,用于执行上述步骤51-52。
可选地,所述更新类型包括替换类型、删除类型以及增加类型中的任一项,所述替换类型用于指示所述目标版本与所述历史版本相比,所述目标元素为所述历史版本中替换后的网页元素,所述删除类型用于指示所述目标版本与所述历史版本相比,所述目标元素为所述历史版本中删除的网页元素,所述增加类型用于所述目标版本与所述历史版本相比,所述目标元素为所述历史版本中增加的网页元素。
可选地,所述装置还包括:
显示模块,用于显示所述目标版本对应的热力图。
可选地,所述显示模块用于:
在热力图显示界面上,显示所述目标版本对应的热力图以及所述目标版本的历史版本对应的热力图。
可选地,所述装置还包括筛选模块和发送模块;
所述接收模块,还用于接收热力图显示请求,所述热力图显示请求包括所述目标元素的更新时间,所述更新时间为所述目标版本的生成时间;
所述筛选模块,用于根据所述目标元素的更新时间,从存储的至少一个热力图中筛选出所述目标版本对应的热力图,所述至少一个热力图中的每个热力图分别对应一个更新时间,每个热力图所对应的更新时间为每个热力图对应的版本的生成时间;
所述发送模块,用于向目标终端发送所述目标版本对应的热力图,由所述目标终端显示所述目标版本对应的热力图。
可选地,所述热力图显示请求还包括历史更新时间,所述历史更新时间为所述历史版本的生成时间。
可选地,所述筛选模块,还用于根据所述历史更新时间,从存储的至少一个热力图中筛选出所述历史版本对应的热力图;
所述发送模块,还用于向所述目标终端发送所述历史版本对应的热力图,由所述目标终端显示所述目标版本对应的热力图以及所述历史版本对应的热力图。
可选地,所述发送模块还用于:
当所述目标版本为所述网页的最新版本时,向所述目标终端发送目标响应,所述目标响应用于指示所述目标版本为所述网页的最新版本,由所述目标终端直接显示所述目标终端内的所述目标版本对应的热力图。
上述所有可选技术方案,可以采用任意结合形成本公开的可选实施例,在此不再一一赘述。
需要说明的是:上述实施例提供的热力图生成装置在生成热力图时,仅以上述各功能模块的划分进行举例说明,实际应用中,可以根据需要而将上述功能分配由不同的功能模块完成,即将装置的内部结构划分成不同的功能模块,以完成以上描述的全部或者部分功能。另外,上述实施例提供的热力图生成方法实施例属于同一构思,其具体实现过程详见方法实施例,这里不再赘述。
本领域普通技术人员可以理解实现上述实施例的全部或部分步骤可以通过硬件来完成,也可以通过程序来指令相关的硬件完成,所述的程序可以存储于一种计算机可读存储介质中,上述提到的存储介质可以是只读存储器,磁盘或光盘等。
以上所述仅为本申请的较佳实施例,并不用以限制本申请,凡在本申请的精神和原则之内,所作的任何修改、等同替换、改进等,均应包含在本申请的保护范围之内。
Claims (26)
1.一种热力图生成方法,其特征在于,所述方法包括:
接收网页更新信息,所述网页更新信息用于指示网页的版本已经发生更新;
根据所述网页更新信息,获取目标元素在所述网页的目标版本中的点击量,所述目标元素为在所述目标版本中已更新的网页元素;
根据所述目标元素的点击量,生成所述目标版本对应的热力图,所述目标版本对应的热力图中的目标区域用于显示所述目标元素的点击量,所述目标区域与所述目标元素在所述目标版本中的显示区域对应。
2.根据权利要求1所述的方法,其特征在于,所述目标区域中显示的目标颜色用于指示所述目标元素的点击量。
3.根据权利要求1所述的方法,其特征在于,所述根据所述目标元素的点击量,生成所述目标版本对应的热力图包括:
根据所述目标元素的点击量以及所述网页的热力图模板,生成初始热力图;
在所述初始热力图上的所述目标区域内添加所述目标元素的点击量、更新类型以及更新时间,得到所述目标版本对应的热力图,所述更新时间为所述目标版本的生成时间,所述目标区域还用于显示所述目标元素的更新类型以及更新时间。
4.根据权利要求3所述的方法,其特征在于,所述在所述初始热力图上的所述目标区域内添加所述目标元素的点击量、更新类型以及更新时间,得到所述目标版本对应的热力图之前,所述方法还包括:
根据所述网页更新信息,获取原始元素的图像信息和所述目标元素的更新类型、更新时间以及图像信息,所述原始元素为所述目标版本的历史版本中更新为所述目标元素的网页元素;
根据所述原始元素的图像信息以及所述目标元素的图像信息,对所述目标元素的更新类型进行验证;
当所述更新类型验证通过时,执行所述在所述初始热力图上的所述目标区域内添加所述目标元素的点击量、更新类型以及更新时间,得到所述目标版本对应的热力图的步骤,否则,根据修改后的更新类型,执行所述在所述初始热力图上的所述目标区域内添加所述目标元素的点击量、更新类型以及更新时间,得到所述目标版本对应的热力图的步骤。
5.根据权利要求4所述的方法,其特征在于,所述根据所述目标元素的图像信息以及所述原始元素的图像信息,对所述目标元素的更新类型进行验证包括:
显示所述原始元素的图像信息和所述目标元素的更新类型以及图像信息;
显示通知信息,所述通知信息用于通知第一用户根据显示的所述目标元素的图像信息以及所述原始元素的图像信息,对所述目标元素的更新类型进行验证。
6.根据权利要求4-5所述的任一方法,其特征在于,所述更新类型包括替换类型、删除类型以及增加类型中的任一项,所述替换类型用于指示所述目标版本与所述历史版本相比,所述目标元素为所述历史版本中替换后的网页元素,所述删除类型用于指示所述目标版本与所述历史版本相比,所述目标元素为所述历史版本中删除的网页元素,所述增加类型用于所述目标版本与所述历史版本相比,所述目标元素为所述历史版本中增加的网页元素。
7.根据权利要求1所述的方法,其特征在于,所述根据所述目标元素的点击量,生成所述目标版本对应的热力图之后,所述方法还包括:
显示所述目标版本对应的热力图。
8.根据权利要求7所述的方法,其特征在于,所述显示所述目标版本对应的热力图包括:
在热力图显示界面上,显示所述目标版本对应的热力图以及所述目标版本的历史版本对应的热力图。
9.根据权利要求1所述的方法,其特征在于,所述根据所述目标元素的点击量,生成所述目显示所述目标版本对应的热力图之后,所述方法还包括:
接收热力图显示请求,所述热力图显示请求包括所述目标元素的更新时间,所述更新时间为所述目标版本的生成时间;
根据所述目标元素的更新时间,从存储的至少一个热力图中筛选出所述目标版本对应的热力图,所述至少一个热力图中的每个热力图分别对应一个更新时间,每个热力图所对应的更新时间为每个热力图对应的版本的生成时间;
向目标终端发送所述目标版本对应的热力图,由所述目标终端显示所述目标版本对应的热力图。
10.根据权利要求9所述的方法,其特征在于,所述热力图显示请求还包括历史更新时间,所述历史更新时间为所述历史版本的生成时间。
11.根据权利要求10所述的方法,其特征在于,所述接收热力图显示请求之后,所述方法还包括:
根据所述历史更新时间,从存储的至少一个热力图中筛选出所述历史版本对应的热力图;
向所述目标终端发送所述历史版本对应的热力图,由所述目标终端显示所述目标版本对应的热力图以及所述历史版本对应的热力图。
12.根据权利要求9所述的方法,其特征在于,所述接收热力图显示请求之后,所述方法还包括:
当所述目标版本为所述网页的最新版本时,向所述目标终端发送目标响应,所述目标响应用于指示所述目标版本为所述网页的最新版本,由所述目标终端直接显示所述目标终端内的所述目标版本对应的热力图。
13.一种热力图生成装置,其特征在于,所述装置包括:
接收模块,用于接收网页更新信息,所述网页更新信息用于指示网页的版本已经发生更新;
获取模块,用于根据所述网页更新信息,获取目标元素在所述网页的目标版本中的点击量,所述目标元素为在所述目标版本中已更新的网页元素;
生成模块,用于根据所述目标元素的点击量,生成所述目标版本对应的热力图,所述目标版本对应的热力图中的目标区域用于显示所述目标元素的点击量,所述目标区域与所述目标元素在所述目标版本中的显示区域对应。
14.根据权利要求13所述的装置,其特征在于,所述目标区域中显示的目标颜色用于指示所述目标元素的点击量。
15.根据权利要求13所述的装置,其特征在于,所述生成模块用于:
根据所述目标元素的点击量以及所述网页的热力图模板,生成初始热力图;
在所述初始热力图上的所述目标区域内添加所述目标元素的点击量、更新类型以及更新时间,得到所述目标版本对应的热力图,所述更新时间为所述目标版本的生成时间,所述目标区域还用于显示所述目标元素的更新类型以及更新时间。
16.根据权利要求15所述的装置,其特征在于,所述装置还包括验证模块和执行模块;
所述获取模块,还用于根据所述网页更新信息,获取原始元素的图像信息和所述目标元素的更新类型、更新时间以及图像信息,所述原始元素为所述目标版本的历史版本中更新为所述目标元素的网页元素;
所述验证模块,用于根据所述原始元素的图像信息以及所述目标元素的图像信息,对所述目标元素的更新类型进行验证;
所述执行模块,用于当所述更新类型验证通过时,执行所述在所述初始热力图上的所述目标区域内添加所述目标元素的点击量、更新类型以及更新时间,得到所述目标版本对应的热力图的步骤,否则,根据修改后的更新类型,执行所述在所述初始热力图上的所述目标区域内添加所述目标元素的点击量、更新类型以及更新时间,得到所述目标版本对应的热力图的步骤。
17.根据权利要求16所述的装置,其特征在于,所述验证模块用于:
显示所述原始元素的图像信息和所述目标元素的更新类型以及图像信息;
显示通知信息,所述通知信息用于通知第一用户根据显示的所述目标元素的图像信息以及所述原始元素的图像信息,对所述目标元素的更新类型进行验证。
18.根据权利要求16-17所述的任一装置,其特征在于,所述更新类型包括替换类型、删除类型以及增加类型中的任一项,所述替换类型用于指示所述目标版本与所述历史版本相比,所述目标元素为所述历史版本中替换后的网页元素,所述删除类型用于指示所述目标版本与所述历史版本相比,所述目标元素为所述历史版本中删除的网页元素,所述增加类型用于所述目标版本与所述历史版本相比,所述目标元素为所述历史版本中增加的网页元素。
19.根据权利要求13所述的装置,其特征在于,所述装置还包括:
显示模块,用于显示所述目标版本对应的热力图。
20.根据权利要求19所述的装置,其特征在于,所述显示模块用于:
在热力图显示界面上,显示所述目标版本对应的热力图以及所述目标版本的历史版本对应的热力图。
21.根据权利要求13所述的装置,其特征在于,所述装置还包括筛选模块和发送模块;
所述接收模块,还用于接收热力图显示请求,所述热力图显示请求包括所述目标元素的更新时间,所述更新时间为所述目标版本的生成时间;
所述筛选模块,用于根据所述目标元素的更新时间,从存储的至少一个热力图中筛选出所述目标版本对应的热力图,所述至少一个热力图中的每个热力图分别对应一个更新时间,每个热力图所对应的更新时间为每个热力图对应的版本的生成时间;
所述发送模块,用于向目标终端发送所述目标版本对应的热力图,由所述目标终端显示所述目标版本对应的热力图。
22.根据权利要求21所述的装置,其特征在于,所述热力图显示请求还包括历史更新时间,所述历史更新时间为所述历史版本的生成时间。
23.根据权利要求22所述的装置,其特征在于,所述筛选模块,还用于根据所述历史更新时间,从存储的至少一个热力图中筛选出所述历史版本对应的热力图;
所述发送模块,还用于向所述目标终端发送所述历史版本对应的热力图,由所述目标终端显示所述目标版本对应的热力图以及所述历史版本对应的热力图。
24.根据权利要求21所述的装置,其特征在于,所述发送模块还用于:
当所述目标版本为所述网页的最新版本时,向所述目标终端发送目标响应,所述目标响应用于指示所述目标版本为所述网页的最新版本,由所述目标终端直接显示所述目标终端内的所述目标版本对应的热力图。
25.一种终端,其特征在于,所述终端包括处理器和存储器,所述存储器中存储有至少一条指令,所述指令由所述处理器加载并执行以实现如权利要求1至权利要求12任一项所述的热力图生成方法所执行的操作。
26.一种计算机可读存储介质,其特征在于,所述存储介质中存储有至少一条指令,所述指令由处理器加载并执行以实现如权利要求1至权利要求12任一项所述的热力图生成方法所执行的操作。
Priority Applications (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN201911103019.8A CN111090819A (zh) | 2019-11-12 | 2019-11-12 | 热力图生成方法、装置、终端以及计算机可读存储介质 |
Applications Claiming Priority (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN201911103019.8A CN111090819A (zh) | 2019-11-12 | 2019-11-12 | 热力图生成方法、装置、终端以及计算机可读存储介质 |
Publications (1)
Publication Number | Publication Date |
---|---|
CN111090819A true CN111090819A (zh) | 2020-05-01 |
Family
ID=70393578
Family Applications (1)
Application Number | Title | Priority Date | Filing Date |
---|---|---|---|
CN201911103019.8A Pending CN111090819A (zh) | 2019-11-12 | 2019-11-12 | 热力图生成方法、装置、终端以及计算机可读存储介质 |
Country Status (1)
Country | Link |
---|---|
CN (1) | CN111090819A (zh) |
Citations (6)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN103605739A (zh) * | 2013-11-19 | 2014-02-26 | 北京国双科技有限公司 | 热力图的显示方法及装置 |
CN104391951A (zh) * | 2014-11-27 | 2015-03-04 | 北京国双科技有限公司 | 网页热力图的加载方法和装置 |
CN104408185A (zh) * | 2014-12-15 | 2015-03-11 | 北京国双科技有限公司 | 网页热力图的链接点击量展示方法及装置 |
CN108984070A (zh) * | 2017-05-31 | 2018-12-11 | 北京京东尚科信息技术有限公司 | 用于热力图成像的方法、装置、电子设备及可读介质 |
WO2018233307A1 (zh) * | 2017-06-21 | 2018-12-27 | 北京国双科技有限公司 | 热力图绘制方法及装置 |
CN109857964A (zh) * | 2017-08-31 | 2019-06-07 | 北京国双科技有限公司 | 一种页面操作的热力图绘制方法、装置、存储介质及处理器 |
-
2019
- 2019-11-12 CN CN201911103019.8A patent/CN111090819A/zh active Pending
Patent Citations (6)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN103605739A (zh) * | 2013-11-19 | 2014-02-26 | 北京国双科技有限公司 | 热力图的显示方法及装置 |
CN104391951A (zh) * | 2014-11-27 | 2015-03-04 | 北京国双科技有限公司 | 网页热力图的加载方法和装置 |
CN104408185A (zh) * | 2014-12-15 | 2015-03-11 | 北京国双科技有限公司 | 网页热力图的链接点击量展示方法及装置 |
CN108984070A (zh) * | 2017-05-31 | 2018-12-11 | 北京京东尚科信息技术有限公司 | 用于热力图成像的方法、装置、电子设备及可读介质 |
WO2018233307A1 (zh) * | 2017-06-21 | 2018-12-27 | 北京国双科技有限公司 | 热力图绘制方法及装置 |
CN109857964A (zh) * | 2017-08-31 | 2019-06-07 | 北京国双科技有限公司 | 一种页面操作的热力图绘制方法、装置、存储介质及处理器 |
Similar Documents
Publication | Publication Date | Title |
---|---|---|
CN107861655B (zh) | 控件匹配方法、装置、计算机设备和存储介质 | |
CN110795148B (zh) | 编排文件的生成方法、装置及电子设备 | |
CN110069463B (zh) | 用户行为处理方法、装置电子设备及存储介质 | |
JP7385740B2 (ja) | ユーザ入力を使用したgui要素の取得プロセスの改善 | |
JP6514244B2 (ja) | 差異検出装置及びプログラム | |
CN111475161B (zh) | 一种访问组件的方法、装置及设备 | |
CN110147327B (zh) | 一种基于多粒度的web自动化测试管理方法 | |
CN111460356A (zh) | 一种自动登录方法、装置、介质和设备 | |
CN112612690B (zh) | 一种用户界面信息处理方法、装置、电子设备及存储介质 | |
CN112445693A (zh) | 一种页面更新检测方法、装置、设备及存储介质 | |
CN114706584A (zh) | 一种数据可视化展示制作系统 | |
CN112817817B (zh) | 埋点信息查询方法、装置、计算机设备和存储介质 | |
EP3819789A2 (en) | Method, apparatus, device and storage medium for map retrieval test | |
JP2019101889A (ja) | テスト実行装置及びプログラム | |
US11409503B2 (en) | Content development device | |
JP2009223568A (ja) | シナリオ生成装置及びプログラム | |
CN111090819A (zh) | 热力图生成方法、装置、终端以及计算机可读存储介质 | |
CN113254338B (zh) | 测试用例生成方法、装置及设备 | |
CN112685678B (zh) | 页面配置方法、装置、计算机设备和存储介质 | |
CN113254315B (zh) | 埋点信息的上报方法、埋点方法、装置、介质、电子设备 | |
CN111124393A (zh) | 一种算法逻辑的编辑方法、平台、电子设备及存储介质 | |
CN112988190B (zh) | 应用上线方法、装置、计算机设备和存储介质 | |
CN113821202B (zh) | 一种管理软件文件生成方法、装置、设备及可读存储介质 | |
AU2021106041A4 (en) | Methods and systems for obtaining and storing web pages | |
CN116679856B (zh) | 可视化的应用界面构建方法、装置、设备、存储介质 |
Legal Events
Date | Code | Title | Description |
---|---|---|---|
PB01 | Publication | ||
PB01 | Publication | ||
SE01 | Entry into force of request for substantive examination | ||
SE01 | Entry into force of request for substantive examination |