【技术实现步骤摘要】
应用程序的热力图渲染方法及其装置
本专利技术涉及数据分析领域，尤其涉及一种应用程序的热力图渲染方法、装置、计算机设备及其计算机可读存储介质。
技术介绍
移动设备的热力图是以特殊高亮的形式显示用户在移动终端例如手机的应用程序(APP)中的点击位置，根据颜色深浅区分点击热度情况(即，热点)。借助热力图可以直观清楚地查看APP中每个区域的访客兴趣焦点，无须报告数据分析、图形化展现，而且也无须任何页面分析经验；借助热力图还能够框出任意区域点击数以及占比，同时支持按照操作系统、设备型号、地域、日期等维度进行筛选。现有技术的移动终端上的APP热力图普遍采用如下方案：分页面展现热力图报告，以“页面退出”时候的APP页面截图作为热力图背景，同时记录用户在当前页面点击时的位置信息；同样是分页面展现热力图报告，但是以用户在APP“第一次点击”时的页面截图作为热力图背景，同时记录用户在当前页面点击时的位置信息。即，现有技术的热力图报表都需要分页面展现，而且在不同时刻的截图上渲染用户点击相对于截图的位置信息。现有技术...
【技术保护点】
1.一种应用程序的热力图渲染方法，其特征在于，包括：/n通过移动终端上的所述应用程序建立所述移动终端、服务器、浏览器之间的连接；/n所述服务器将采集的所述应用程序的信息发送到所述浏览器，在所述浏览器上绘制与所述应用程序的元素节点对应的控件元素；/n根据预先存储的所述应用程序的元素节点的位置信息，在所述浏览器上绘制出对应的所述控件元素的热力图；/n在减少渲染和/或减小渲染范围的情况下，对所述热力图进行前端渲染。/n
【技术特征摘要】
1.一种应用程序的热力图渲染方法，其特征在于，包括：
通过移动终端上的所述应用程序建立所述移动终端、服务器、浏览器之间的连接；
所述服务器将采集的所述应用程序的信息发送到所述浏览器，在所述浏览器上绘制与所述应用程序的元素节点对应的控件元素；
根据预先存储的所述应用程序的元素节点的位置信息，在所述浏览器上绘制出对应的所述控件元素的热力图；
在减少渲染和/或减小渲染范围的情况下，对所述热力图进行前端渲染。
2.根据权利要求1所述的应用程序的热力图渲染方法，其中所述服务器采集的所述应用程序的信息包括：
所述应用程序的截图信息、控件信息、组件层级信息。
3.根据权利要求2所述的应用程序的热力图渲染方法，其中所述根据预先存储的所述应用程序的元素节点的位置信息，在所述浏览器上绘制出对应的所述控件元素的热力图包括：
对所述应用程序的元素节点的位置信息进行遍历，缓存每个所述元素节点的位置信息，计算每个所述元素节点的权重关系；
根据每个所述元素节点的权重关系对每个所述元素节点进行排序；
计算每个所述元素节点的层叠关系和/或覆盖情况，移除脏数据。
4.根据权利要求3所述的应用程序的热力图渲染方法，其中在减少渲染和/或减小渲染范围的情况下，对所述热力图进行前端渲染包括：
对所述热力图进行渐进式渲染；
在所述浏览器上绘制与所述应用程序的元素节点对应的控件元素时使用的画布大小包含全部热点的最小宽度和最小高度；和/或
选择相对于坐标原点最近点的坐标作为所述画布的起始位置。
5.根据权利要求4所述的应用程序的热力图渲染方法，其中所述相对于坐标原点最近点是指相对于坐标原点最近的、开始具有热力图相关数据的点。
6.根据权利要求5所述的应用程序的热力图渲染方法，其中所述对所述热力图进行渐进式渲染包括：
对所述浏览器上显示的热力图的第一次显示的内容进行同步渲染，后面显示的内容进行异步渐进式渲染。
7.一种应用程序的热力图渲染装置，其特征在于，包括：
移动终端；
服务器；
浏览器，其中所述移动终端、服务器、浏览器通过移动终端上的所述应用程序建立相互连接，所述服务器采集所述应用程序...
【专利技术属性】
技术研发人员：宋军珂，王杨，吴明丹，罗雯雯，叶峻，高春旭，
申请(专利权)人：百度在线网络技术北京有限公司，
类型：发明
国别省市：北京;11
还没有人留言评论。发表了对其他浏览者有用的留言会获得科技券。