[发明专利]用户点击行为展示方法及系统

说明书

技术领域

本发明涉及一种用户点击行为展示方法及系统。

背景技术

目前，现有的用户点击展示都局限于单个网页的展示，各个页面间的展示数据无法交互，而且，需要在页面载入后，事先准备好每个元素的用户点击行为数据。

发明内容

本发明的目的在于提供一种用户点击行为展示方法及系统，无需在页面载入后事先准备好所有元素的用户点击行为数据，用户一键点击即可实现页面任何元素的用户点击行为的查询。

为解决上述问题，本发明提供一种用户点击行为展示方法，包括：

运用javascript获取用户在浏览器中通过鼠标焦点定位的第一元素的位置；

根据所述第一元素的位置并调用浏览器的API获取第一元素的xPath；

根据第一元素的xPath和第一元素所在的页面的ID从一数据库服务器获取该第一元素的用户点击行为数据；

在第一元素所在的页面的末尾添加一第二元素，根据第一元素的用户点击行为数据对所述第二元素进行数据渲染，把渲染后的第二元素定位到第一元素。

进一步的，在上述方法中，根据所述第一元素的位置并调用浏览器的API，获取元素的xPath的步骤之前还包括，对所述第一元素进行添加样式以进行高亮显示。

进一步的，在上述方法中，根据所述第一元素的位置并调用浏览器的API获取第一元素的xPath的步骤中，根据所述第一元素依次向上查找其父元素，直到最顶层父元素为HTML，根据所有元素的标签组成所述第一元素的xPath。

进一步的，在上述方法中，根据第一元素的xPath和第一元素所在的页面的ID从一数据库服务器获取该第一元素的用户点击行为数据的步骤包括：

将第一元素的xPath和第一元素所在的页面的ID用异步的方式发送至数据库服务器以请求第一元素的用户点击行为数据；

获取数据库服务器返回的第一元素的用户点击行为数据。

进一步的，在上述方法中，根据第一元素的xPath和第一元素所在的页面的ID从一数据库服务器获取该第一元素的用户点击行为数据的步骤包括：

将第一元素的xPath和第一元素所在的页面的ID用异步的方式发送至数据库服务器以请求第一元素的用户点击行为数据；

获取数据库服务器返回的第一元素的用户点击行为数据。

根据本发明的另一面，提供一种用户点击行为展示插件，包括：

定位模块，用于运用javascript获取用户在浏览器中通过鼠标焦点定位的第一元素的位置；

路径模块，用于根据所述第一元素的位置并调用浏览器的API获取第一元素的xPath；

数据模块，用于根据第一元素的xPath和第一元素所在的页面的ID从一数据库服务器获取该第一元素的用户点击行为数据；

展示模块，用于在第一元素所在的页面的末尾添加一第二元素，根据第一元素的用户点击行为数据对所述第二元素进行数据渲染，把渲染后的第二元素定位到第一元素。

进一步的，在上述插件中，还包括一高亮模块，用于对所述第一元素进行添加样式以进行高亮显示。

进一步的，在上述插件中，所述路径模块，用于根据所述第一元素依次向上查找其父元素，直到最顶层父元素为HTML，根据所有元素的标签组成所述第一元素的xPath。

进一步的，在上述插件中，所述数据模块用于将第一元素的xPath和第一元素所在的页面的ID用异步的方式发送至数据库服务器以请求第一元素的用户点击行为数据，并获取数据库服务器返回的第一元素的用户点击行为数据。

进一步的，在上述插件中，所述浏览器为Firefox浏览器。

与现有技术相比，本发明通过运用javascript获取用户在浏览器中通过鼠标焦点定位的第一元素的位置；根据所述第一元素的位置并调用浏览器的API获取第一元素的xPath；根据第一元素的xPath和第一元素所在的页面的ID从一数据库服务器获取该第一元素的用户点击行为数据；在第一元素所在的页面的末尾添加一第二元素，根据第一元素的用户点击行为数据对所述第二元素进行数据渲染，把渲染后的第二元素定位到第一元素，无需在页面载入后事先准备好所有元素的用户点击行为数据，用户一键点击即可实现页面任何元素的用户点击行为的查询，对原有页面没有侵入性。

附图说明

图1是本发明一实施例的用户点击行为展示方法的流程图；

图2是本发明一实施例的对第一元素进行高亮显示的界面示意图；