一种跨应用数据获取的通信插件以及通信方法技术

本发明专利技术提出一种跨应用数据获取的通信插件，所述插件安装于浏览器上，该插件包括浏览路径追踪模块、DOM元素采集模块、图片截取模块及应用通信模块；路径追踪模块，用于在页面中注入DOM采集的事件代码以及在页面中注入图片截取的事件代码以追踪浏览器行为及事件；DOM元素采集模块，用于在用户浏览被追踪页面时，由用户主动触发该页面的DOM采集事件，对指定位置的DOM元素信息采集；图片截取模块，用于在用户浏览被追踪页面时，可由用户主动触发或系统自动触发该页面的图片截取事件，对指定位置的图片信息截取；应用通信模块，获取路径追踪模块、DOM元素采集模块及图片截取模块的处理结果数据，将各个模块的结果数据发送至特定应用。用。用。

【技术实现步骤摘要】
一种跨应用数据获取的通信插件以及通信方法


[0001]本专利技术属于浏览器插件
，尤其涉及一种跨应用数据获取的通信插件以及通信方法。

技术介绍

[0002]针对存在多应用系统的工作环境，用户在开展一项事务型工作时，需要访问不同的应用系统，在不同的应用系统上开展同一项工作任务，并且分别将各个应用系统中的工作成果数据导出到本地后再进行融合。如需要打通工作环境中的各个应用系统，按照现有技术则需要求各个应用厂家分别开发一套用于对接的接口体系，以供特定应用系统对接，该方法存才大量问题：1、接口体系标准难以确定，各个应用都有独特的数据体系及应用方式，难以实现标准统一；2、改造成本投入巨大，各个应用都需要进行定制化开发，涉及应用越多，成本投入越巨大；3、扩展性能极其低效，每次增加应用或扩展接口功能都需要各个应用厂家同步修改，延迟长、反馈慢。
[0003]在这种情况下，迫切需要一种不同过接口的跨应用数据获取及通信方法以记录用户在各个应用之间的访问路径及对各个应用内容信息的自动+手动记录功能。本专利技术将提供一种基于浏览器插件的跨应用数据获取及通信方法，在用户因工作访问各个应用时，自动记录用户的浏览的应用及跳转关系，并同步截取网页截图及XPATH信息，完整保存应用当前数据，同时提供手动的截图及页面元素的截取功能。

技术实现思路

[0004]专利技术目的：本专利技术提出一种跨应用数据获取的通信插件以及通信方法，通过浏览器插件的方式，融合各个应用系统，记录应用访问路径及其结果数据。以解用户工作环境各个应用系统孤立，无法协同工作的问题。通过本方法实现对工作中浏览应用的路径流程及内容的全面记录。该方法包括浏览路径追踪模块、DOM元素采集模块、图片截取模块及应用通信模块。该插件为即插即用式插件，即在使用时，直接通过浏览器选择已经封装好的插件目录即可，自动在浏览器中生成插件图标。
[0005]技术方案：为了解决本专利技术的技术问题，本专利技术提出一种跨应用数据获取的通信插件，所述插件安装于浏览器上，该插件包括浏览路径追踪模块、DOM元素采集模块、图片截取模块及应用通信模块；
[0006]路径追踪模块，在用户打开新页面或发生页面跳转时，注入路径追踪的事件代码，对用户所浏览页面进行追踪，并记录用户的当前访问的页面以及用户的网络浏览行为信息；
[0007]DOM元素采集模块，用于对用户所浏览的追踪页面注入DOM采集的事件代码，用户主动触发该页面的DOM采集事件时，对指定位置的DOM元素信息进行采集；
[0008]图片截取模块，用于对用户所浏览的追踪页面注入图片截取事件代码，用户主动触发或系统自动触发该页面的图片截取事件时，对指定位置的图片信进行截取；
[0009]应用通信模块，将用户的网络浏览行为信息数据、采集的OM元素信息数据、截取的图片数据发送至应用系统进行处理。
[0010]所述应用系统的目标是通过收集不同应用的信息，贯通应用、工作留痕、并尽可能的减少用户工作量，跟踪用户在工作过程中的操作流程，并以图的形式直观展示，主要展示信息包括用户工作过程中使用过的应用、使用应用的具体功能、过程中关注的DOM信息，关注的页面截图信息等。
[0011]优选的，所述路径追踪模块的具体功能如下：
[0012](1)用户使用浏览器打开新的应用界面时，生成该页面的页面ID，并对各个模块发送携带该页面ID的事件广播；
[0013](2)路径追踪模块接收到该广播及页面ID后，路径追踪模块主动注入追踪用户行为的js代码，并对用户的浏览行为进行监听；
[0014](3)监听程序获取当前页面的标识信息，同时监听用户是否存在从当前页面链接跳转新页面的行为信息；
[0015](4)在当前的监听页面中，如果触发了页面跳转的行为事件，则向路径追踪模块发送该事件信息；
[0016](5)路径追踪模块再次接收到页面跳转的信息后，则对跳转到的新页面注入追踪用户行为的js代码，并对新页面的用户浏览行为进行监听，并将各个页面的跳转信息发送给应用通信模块。
[0017]优选的，所述DOM元素采集模块的具体功能如下：
[0018](1)用户使用浏览器打开新的应用界面，生成该页面的页面ID，并对各个模块发送携带该页面ID的事件广播；
[0019](2)DOM元素采集模块接收到该广播及页面ID后，DOM元素采集模块主动注入DOM元素采集的js代码，并对用户DOM元素采集事件行为进行监听；
[0020](3)当监听程序收到DOM采集事件被触发时，将跟踪鼠标位置，当鼠标移动到某个DOM元素内，渲染高亮半透明元素，遮盖这个DOM元素；
[0021](4)当鼠标点击时，抓取这个DOM元素的整个内容，对抓取DOM元素的进行解析，将解析完成的DOM元素信息发送给应用通信模块。
[0022]优选的，所述图片截取模块的功能如下：
[0023](1)用户使用浏览器打开新的应用界面，生成该页面的页面ID，并对各个模块发送携带该页面ID的事件广播；
[0024](2)图片截取模块接收到该广播及页面ID后，图片截取模块将向该ID页面主动注入图片截取的js代码，并由系统自动触发该页面的图片截取事件；
[0025](3)图片截取模块抓取浏览器当前应用页面可视区域的静态截图，作为初始截图；
[0026](4)将抓取的截图渲染到浏览器窗口，判断是否存在超出屏幕部分的区域，不存在，则直接截取图片；存在时，则进行隐藏区计算、滚动截取、图片拼接；
[0027]隐藏区计算：
[0028]通过浏览器调取得到网页的总尺寸以及调取得到网页可见尺寸；
[0029]总尺寸去掉可见尺寸即为隐藏区尺寸，再依据可见尺寸大小，将隐藏区拆分为多个可见尺寸，即可获得拆分坐标；
[0030]滚动截取：设置取景框为浏览器可见尺寸，按照隐藏区域拆分坐标，对页面进行滚动，对拆分完的隐藏区域进行截图；
[0031]图片拼接：获取初始截图及隐藏区域的各个截图，按照坐标对各个截图进行拼接获取拼接后的图片，并将截取的图片信息发送给应用通信模块。
[0032]优选的，所述图片截取模块的功能如下：
[0033](1)用户使用浏览器打开新的应用界面，生成该页面的页面ID，并对各个模块发送携带该页面ID的事件广播；
[0034](2)图片截取模块接收到该广播及页面ID后，图片截取模块将向该ID页面主动注入图片截取的js代码，并对用户的图片截取行为进行监听；
[0035](3)当用户触发截图事件时，图片截取模块抓取浏览器当前应用页面可视区域的静态截图；
[0036](4)将静态截图渲染到浏览器窗口，通过取景框对静态截图进行截取，将截取后的图片发送给应用通信模块：
[0037]所述取景框对静态截图进行截取的方法为：获取鼠标起始坐标，结束点坐标，以鼠标起始坐标和结束点的连线作为对角线构建矩形绘制取景框，将处于取景框内的静态截图作为最终的截取图片。
[0本文档来自技高网...

【技术保护点】

【技术特征摘要】
1.一种跨应用数据获取的通信插件，其特征在于，所述插件安装于浏览器上，该插件包括浏览路径追踪模块、DOM元素采集模块、图片截取模块及应用通信模块；路径追踪模块，在用户打开新页面或发生页面跳转时，注入路径追踪的事件代码，对用户所浏览页面进行追踪，并记录用户的当前访问的页面以及用户的网络浏览行为信息；DOM元素采集模块，用于对用户所浏览的追踪页面注入DOM采集的事件代码，用户主动触发该页面的DOM采集事件时，对指定位置的DOM元素信息进行采集；图片截取模块，用于对用户所浏览的追踪页面注入图片截取事件代码，用户主动触发或系统自动触发该页面的图片截取事件时，对指定位置的图片信进行截取；应用通信模块，将用户的网络浏览行为信息数据、采集的OM元素信息数据、截取的图片数据发送至应用系统进行处理。2.根据权利要求1所述的一种跨应用数据获取的通信插件，其特征在于，所述路径追踪模块的具体功能如下：(1)用户使用浏览器打开新的应用界面时，生成该页面的页面ID，并对各个模块发送携带该页面ID的事件广播；(2)路径追踪模块接收到该广播及页面ID后，路径追踪模块主动注入追踪用户行为的js代码，并对用户的浏览行为进行监听；(3)监听程序获取当前页面的标识信息，同时监听用户是否存在从当前页面链接跳转新页面的行为信息；(4)在当前的监听页面中，如果触发了页面跳转的行为事件，则向路径追踪模块发送该事件信息；(5)路径追踪模块再次接收到页面跳转的信息后，则对跳转到的新页面注入追踪用户行为的js代码，并对新页面的用户浏览行为进行监听，并将各个页面的跳转信息发送给应用通信模块。3.根据权利要求1所述的一种跨应用数据获取的通信插件，其特征在于，所述DOM元素采集模块的具体功能如下：(1)用户使用浏览器打开新的应用界面，生成该页面的页面ID，并对各个模块发送携带该页面ID的事件广播；(2)DOM元素采集模块接收到该广播及页面ID后，DOM元素采集模块主动注入DOM元素采集的js代码，并对用户DOM元素采集事件行为进行监听；(3)当监听程序收到DOM采集事件被触发时，将跟踪鼠标位置，当鼠标移动到某个DOM元素内，渲染高亮半透明元素，遮盖这个DOM元素；(4)当鼠标点击时，抓取这个DOM元素的整个内容，对抓取DOM元素的进行解析，将解析完成的DOM元素信息发送给应用通信模块。4.根据权利要求1所述的一种跨应用数据获取的通信插件，其特征在于，所述图片截取模块的功能如下：(1)用户使用浏览器打开新的应用界面，生成该页面的页面ID，并对各个模块发送携带该页面ID的事件广播；(2)图片截取模块接收到该广播及页面ID后，图片截取模块将向该ID页面主动注入图片截取的js代码，并由系统自动触发该页面的图片截取事件；
(3)图片截取模块抓取浏览器当前应用页面可视区域的静态截图，作为初始截图；(4)将抓取的截图渲染到浏览器窗口，判断是否存在超出屏幕部分的区域，不存在，则直接截取图片；存在时，则进行隐藏区计算、滚动截取、图片拼接；隐藏区计算：通过浏览器调取得到网页的总尺寸以及调取得到网页可见尺寸；总尺寸去掉可见尺寸即为隐藏区尺寸，再依据可见尺寸大小，将隐藏区拆分为多个可见尺寸，即可获得拆分坐标；滚动截取：设置取景框为浏览器可见尺寸，按照隐藏区域拆分坐标，对页面进行滚动，对拆分完的隐藏区域进行截图；图片拼接：获取初始截图及隐藏区域的各个截图，按照坐标对各个截图进行拼接获取拼接后的图片，并将截取的图片信息发送给应用通信模块。5.根据权利要求1所述的一种跨应用数据获取的通信插件，其特征在于，所述图片截取模块的功能如下：(1)用户使用浏览器打开新的应用界面，生成该页面的页面ID，并对各个模块发送携带该页面ID的事件广播；(2)图片截取模块接收到该广播及页面ID后，图片截取模块将向该ID页面主动注入图片截取的js代码，并对用户的图片截取行为进行监听；(3)当用户触发截图事件时，图片截取模块抓取浏...

【专利技术属性】
技术研发人员：凌世播，张卫潼，章峰，蔡超，张勇，
申请(专利权)人：南京论之语网络技术有限公司，
类型：发明
国别省市：