[发明专利]一种信息的可视化展示方法及系统

说明书

本申请实施例提供了一种信息的可视化展示方法及系统。该方法按包括：在建立第一客户端与服务端的连接后，第一客户端获取当前页面的页面相关信息，并将该页面相关信息上传至服务端；服务端将该页面相关信息推送至第二客户端；第二客户端接收到该页面相关信息后，根据该页面相关信息获取当前页面所对应的操作信息；该操作信息包括可点击控件的点击信息；第二客户端根据点击信息在页面图片上对各个可点击控件进行标记，并建立可点击控件与点击信息的关联关系，以在标记后的页面图片的展示界面上对可点击控件与点击信息进行关联展示，实现点击信息的可视化展示。本申请实现信息的可视化展示，不需要任何分析就可直观的得出可点击控件的点击信息。

技术领域

本申请涉及信息处理技术领域，尤其涉及一种信息的可视化展示方法及系统。

背景技术

随着信息技术和互联网技术的快速发展，应用于手机、平板电脑、计算机等终端设备上的应用程序(Application，APP)如雨后春笋般的出现，且具有相似功能的同类型应用程序也越来越多，如视频播放类应用程序、音乐播放类应用程序、即时通讯类应用程序等均存在多个。运营者为了更好的满足用户对应用程序的需求，需要掌握用户对应用程序的使用情况，因此，需要获取用户在应用程序各个页面的操作数据。

目前，运营者在获取到用户在应用程序的各个页面上的操作数据后，将各个操作数据以数据表格的形式进行呈现。这样，还得熟悉该应用程序的工作人员对各个数据表格进行关联、解析、分析等一系列操作，才能得出各个页面的访问信息。

由此可知，利用现有技术展示各个页面的操作数据时，由于操作数据的展示方式不直观，还得经过一系列的分析处理才能得出各个页面的访问情况，耗费较多的工作量。

发明内容

本申请实施例采用下述技术方案：

本申请实施例提供一种信息的可视化展示方法，该方法包括：

在建立第一客户端与服务端的连接后，所述第一客户端获取当前页面的页面相关信息，并将所述页面相关信息上传至所述服务端；其中，所述页面相关信息包括所述当前页面的页面图片信息、当前页面的页面标识和位于所述当前页面上的各个可点击控件的控件信息；

所述服务端将所述页面相关信息推送至第二客户端；

所述第二客户端接收到所述页面相关信息后，根据所述页面相关信息从所述服务端获取所述当前页面所对应的操作信息；其中，所述操作信息包括各个所述可点击控件的点击信息；

所述第二客户端根据所述点击信息在所述页面图片上对各个所述可点击控件进行标记，并建立各个所述可点击控件与对应的所述点击信息的关联关系，以在所述标记后的页面图片的展示界面上对所述可点击控件与所述点击信息进行关联展示，实现所述点击信息的可视化展示。

可选的，所述控件信息包括Xpath信息、坐标信息和大小信息；所述点击信息包括点击数量；

相应的，所述第二客户端根据所述点击信息在所述页面图片上对各个所述可点击控件进行标记，包括：

所述第二客户端根据各个所述可点击控件所对应的所述Xpath信息、所述坐标信息和大小信息，确定所述可点击控件在所述当前页面上的区域信息；

所述第二客户端根据各个所述可点击控件所对应的区域信息，在所述页面图片上绘制所述可点击控件的外框，并根据所述可点击控件的点击数量使用不同的颜色对所述外框进行标记。

可选的，所述建立各个所述可点击控件与对应的所述点击信息的关联关系，以在所述标记后的页面图片的展示界面上对所述可点击控件与所述点击信息进行关联展示，包括：

所述第二客户端建立所述区域信息与所述点击信息的关联关系，以使得在所述第二客户端展示进行标记后的所述页面图片时，当光标位于所述区域信息所对应区域内时，在所述区域旁边或者所述页面图片周围区域显示对应的点击信息。