CN110781052A - 离线监控方法、装置、计算机设备及存储介质 - Google Patents
离线监控方法、装置、计算机设备及存储介质 Download PDFInfo
- Publication number
- CN110781052A CN110781052A CN201910894045.0A CN201910894045A CN110781052A CN 110781052 A CN110781052 A CN 110781052A CN 201910894045 A CN201910894045 A CN 201910894045A CN 110781052 A CN110781052 A CN 110781052A
- Authority
- CN
- China
- Prior art keywords
- offline
- end page
- component
- user
- components
- 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
- 238000012544 monitoring process Methods 0.000 title claims abstract description 74
- 238000000034 method Methods 0.000 title claims abstract description 55
- 238000009877 rendering Methods 0.000 claims abstract description 11
- 238000012806 monitoring device Methods 0.000 claims abstract description 5
- 238000012545 processing Methods 0.000 claims description 22
- 238000012986 modification Methods 0.000 claims description 7
- 230000004048 modification Effects 0.000 claims description 7
- 238000012163 sequencing technique Methods 0.000 claims description 6
- 230000001960 triggered effect Effects 0.000 claims description 6
- 238000013480 data collection Methods 0.000 claims description 5
- 238000007405 data analysis Methods 0.000 abstract description 4
- 238000010586 diagram Methods 0.000 description 9
- 238000004891 communication Methods 0.000 description 7
- 230000006870 function Effects 0.000 description 6
- 230000002159 abnormal effect Effects 0.000 description 3
- 239000008186 active pharmaceutical agent Substances 0.000 description 3
- 238000004806 packaging method and process Methods 0.000 description 3
- 230000000750 progressive effect Effects 0.000 description 3
- 230000001413 cellular effect Effects 0.000 description 2
- 238000004590 computer program Methods 0.000 description 2
- 238000005034 decoration Methods 0.000 description 2
- 238000011161 development Methods 0.000 description 2
- 230000009286 beneficial effect Effects 0.000 description 1
- 230000005540 biological transmission Effects 0.000 description 1
- 238000004364 calculation method Methods 0.000 description 1
- 238000013461 design Methods 0.000 description 1
- 238000001514 detection method Methods 0.000 description 1
- 230000003203 everyday effect Effects 0.000 description 1
- 230000003287 optical effect Effects 0.000 description 1
- 230000004044 response Effects 0.000 description 1
Images
Classifications
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F11/00—Error detection; Error correction; Monitoring
- G06F11/30—Monitoring
- G06F11/3003—Monitoring arrangements specially adapted to the computing system or computing system component being monitored
- G06F11/302—Monitoring arrangements specially adapted to the computing system or computing system component being monitored where the computing system component is a software system
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F11/00—Error detection; Error correction; Monitoring
- G06F11/30—Monitoring
- G06F11/3051—Monitoring arrangements for monitoring the configuration of the computing system or of the computing system component, e.g. monitoring the presence of processing resources, peripherals, I/O links, software programs
Landscapes
- Engineering & Computer Science (AREA)
- Theoretical Computer Science (AREA)
- Computing Systems (AREA)
- Physics & Mathematics (AREA)
- Quality & Reliability (AREA)
- General Engineering & Computer Science (AREA)
- General Physics & Mathematics (AREA)
- Mathematical Physics (AREA)
- User Interface Of Digital Computer (AREA)
Abstract
本发明实施例公开了一种离线监控方法、装置、计算机设备及存储介质，包括下述步骤：获取离线状态下基于用户操作前端页面生成的操作数据；判断所述离线状态持续的时长是否大于预设时长，当大于所述预设时长时，根据所述操作数据对所述前端页面中组件的配置参数进行修改以调整所述组件在所述前端页面的显示方式；按照修改后的配置参数对所述前端页面中显示的组件进行渲染。该方法可以确保离线时间较长时，监控操作数据并调整组件的显示方式，适应用户的操作习惯，为优化项目和改善体验提供了有效的依据，为数据分析提供了保障。
Description
技术领域
本发明实施例涉及计算机领域，尤其是一种离线监控方法、装置、计算机设备及存储介质。
背景技术
Vue框架是一套构建用户界面的渐进式框架，只关注图层，采用自底向上增量开发的设计方式，通过尽可能简单的API实现响应的数据绑定和组合的视图组件。
目前大部分前端Vue框架项目监控只能做到监控在线的应用，还不能对离线Vue框架应用进行监控。但是，在实际应用中，在很多场景中会经常出现离线操作，比如在无wifi使用场景中，在这种情况下，用户的操作习惯或是操作中出现的程序异常报错等问题都无法得到实时监控到，从而影响Vue框架下离线应用的功能。
发明内容
本发明实施例提供一种离线监控方法、装置、计算机设备及存储介质。
为解决上述在很多场景中会经常出现离线操作，用户的操作习惯或是操作中出现的程序异常报错等问题都无法得到实时监控到，从而影响Vue框架下离线应用的功能技术问题，本发明创造的实施例采用的一个技术方案是：提供一种离线监控方法，包括下述步骤：
获取离线状态下基于用户操作前端页面生成的操作数据；
判断所述离线状态持续的时长是否大于预设时长，当大于所述预设时长时，根据所述操作数据对所述前端页面中组件的配置参数进行修改以调整所述组件在所述前端页面的显示方式；
按照修改后的配置参数对所述前端页面中显示的组件进行渲染。
可选地，所述获取离线状态下用户操作前端页面时的操作数据包括：
从预设于Vue框架中的网络监控插件中提取网络状态信息；
当所述网络状态信息表示的网络状态为离线状态时，调用预设的离线监控插件，其中，所述预设的离线监控插件包括多种类型的数据收集程序；
按照所述数据收集程序收集离线状态下基于用户操作前端页面生成的操作数据，并按照所述操作数据的类型存储到预先划分的存储空间中。
可选地，所述操作数据包括：所述用户的操作轨迹，所述按照所述数据收集程序收集离线状态下基于用户操作前端页面生成的操作数据包括：
从数据代码中调用所述用户设置的处于启动状态的用户操作轨迹的监控程序；
利用所述监控程序检测所述用户触发所述前端页面中组件的触发事件；
确定所述触发事件所针对的组件的配置信息，并按照多个所述触发事件的触发顺序将获得的多个配置信息进行排序得到所述用户的操作轨迹。
可选地，所述操作轨迹中触发的组件包括父组件以及所述父组件的子组件，所述配置参数的修改包括：将所述子组件的配置信息在所述子组件的前端页面中显示，所述根据所述操作数据对所述前端页面中组件的配置参数进行修改，包括：
获取所述父组件所在的前端页面中预设的备用组件；
将所述子组件的配置信息填加到所述备用组件的配置信息中以使所述子组件在所述父组件所在的前端页面中进行显示。
可选地，所述操作数据还包括：报错数据，所述配置参数的修改包括：将所述前端页面中的显示内容修改为错误提示内容以提示所述用户出现报错，所述根据所述操作数据对所述前端页面中组件的配置参数进行修改，包括：
在所述用户触发所述前端页面的组件时，获取产生所述报错数据的目标组件；
提取所述目标组件的配置信息，并将所述配置信息中的显示内容修改为错误提示内容，以提示所述用户所述目标组件不可用。
可选地，所述判断所述离线状态持续的时长是否大于预设时长之后，还包括：
当所述离线状态持续的时长小于或等于所述预设时长时，将所述操作数据上传到服务器；
接收所述服务器发送的修改所述组件显示的配置参数；
按照所述配置参数对所述前端页面中显示的组件进行渲染。
为解决上述技术问题，本发明实施例还提供一种离线监控装置，包括：
获取模块，用于获取离线状态下基于用户操作前端页面生成的操作数据；
处理模块，用于判断所述离线状态持续的时长是否大于预设时长，当大于所述预设时长时，根据所述操作数据对所述前端页面中组件的配置参数进行修改以调整所述组件在所述前端页面的显示方式；
执行模块，用于按照修改后的配置参数对所述前端页面中显示的组件进行渲染。
可选地，所述获取模块包括：
第一获取子模块，用于从预设于Vue框架中的网络监控插件中提取网络状态信息；
第一处理子模块，用于当所述网络状态信息表示的网络状态为离线状态时，调用预设的离线监控插件，其中，所述预设的离线监控插件包括多种类型的数据收集程序；
第一执行子模块，用于按照所述数据收集程序收集离线状态下基于用户操作前端页面生成的操作数据，并按照所述操作数据的类型存储到预先划分的存储空间中。
可选地，所述操作数据包括：所述用户的操作轨迹，所述第一执行子模块包括：
第二获取子模块，用于从数据代码中调用所述用户设置的处于启动状态的用户操作轨迹的监控程序；
第二处理子模块，用于利用所述监控程序检测所述用户触发所述前端页面中组件的触发事件；
第二执行子模块，用于确定所述触发事件所针对的组件的配置信息，并按照多个所述触发事件的触发顺序将获得的多个配置信息进行排序得到所述用户的操作轨迹。
可选地，所述操作轨迹中触发的组件包括父组件以及所述父组件的子组件，所述配置参数的修改包括：将所述子组件的配置信息在所述子组件的前端页面中显示，所述处理模块包括：
第三获取子模块，用于获取所述父组件所在的前端页面中预设的备用组件；
第三处理子模块，用于将所述子组件的配置信息填加到所述备用组件的配置信息中以使所述子组件在所述父组件所在的前端页面中进行显示。
可选地，所述操作数据还包括：报错数据，所述配置参数的修改包括：将所述前端页面中的显示内容修改为错误提示内容以提示所述用户出现报错，所述处理模块包括：
第四获取子模块，用于在所述用户触发所述前端页面的组件时，获取产生所述报错数据的目标组件；
第四处理子模块，用于提取所述目标组件的配置信息，并将所述配置信息中的显示内容修改为错误提示内容，以提示所述用户所述目标组件不可用。
可选地，还包括：
第五获取子模块，用于当所述离线状态持续的时长小于或等于所述预设时长时，将所述操作数据上传到服务器；
第六获取子模块接收所述服务器发送的修改所述组件显示的配置参数；
第五处理子模块，用于按照所述配置参数对所述前端页面中显示的组件进行渲染。
为解决上述技术问题，本发明实施例还提供一种计算机设备，包括存储器和处理器，所述存储器中存储有计算机可读指令，所述计算机可读指令被所述处理器执行时，使得所述处理器执行上述所述离线监控方法的步骤。
为解决上述技术问题，本发明实施例还提供一种存储有计算机可读指令的存储介质，所述计算机可读指令被一个或多个处理器执行时，使得一个或多个处理器执行上述所述离线监控方法的步骤。
本发明实施例的有益效果是：通过获取离线状态下用户的操作数据，并当离线状态大于预设时长时，按照获取的操作数据对组件的配置参数进行修改，使得按照操作数据来调整组件的显示方式，该方法可以确保离线时间较长时，监控操作数据并调整组件的显示方式，适应用户的操作习惯，为优化项目和改善体验提供了有效的依据，为数据分析提供了保障。
附图说明
为了更清楚地说明本发明实施例中的技术方案，下面将对实施例描述中所需要使用的附图作简单地介绍，显而易见地，下面描述中的附图仅仅是本发明的一些实施例，对于本领域技术人员来讲，在不付出创造性劳动的前提下，还可以根据这些附图获得其他的附图。
图1为本发明实施例提供的一种离线监控方法的基本流程示意图；
图2为本发明实施例提供的一种获取离线状态下用户操作前端页面时的操作数据的方法的基本流程示意图；
图3为本发明实施例提供的一种按照数据收集程序收集离线状态下用户操作前端页面时产生的操作数据的方法的基本流程示意图；
图4为本发明实施例提供的一种根据操作数据对前端页面中组件的配置参数进行修改的方法的基本流程示意图；
图5为本发明实施例提供另一种根据操作数据对前端页面中组件的配置参数进行修改的方法的基本流程示意图；
图6为本发明实施例提供的另一种离线监控方法的基本流程示意图；
图7为本发明实施例提供的离线监控装置基本结构框图；
图8为本发明实施例计算机设备基本结构框图。
具体实施方式
为了使本技术领域的人员更好地理解本发明方案，下面将结合本发明实施例中的附图，对本发明实施例中的技术方案进行清楚、完整地描述。
在本发明的说明书和权利要求书及上述附图中的描述的一些流程中，包含了按照特定顺序出现的多个操作，但是应该清楚了解，这些操作可以不按照其在本文中出现的顺序来执行或并行执行，操作的序号如101、102等，仅仅是用于区分开各个不同的操作，序号本身不代表任何的执行顺序。另外，这些流程可以包括更多或更少的操作，并且这些操作可以按顺序执行或并行执行。需要说明的是，本文中的“第一”、“第二”等描述，是用于区分不同的消息、设备、模块等，不代表先后顺序，也不限定“第一”和“第二”是不同的类型。
下面将结合本发明实施例中的附图，对本发明实施例中的技术方案进行清楚、完整地描述，显然，所描述的实施例仅仅是本发明一部分实施例，而不是全部的实施例。基于本发明中的实施例，本领域技术人员在没有作出创造性劳动前提下所获得的所有其他实施例，都属于本发明保护的范围。
实施例
本技术领域技术人员可以理解，这里所使用的“终端”、“终端设备”既包括无线信号接收器的设备，其仅具备无发射能力的无线信号接收器的设备，又包括接收和发射硬件的设备，其具有能够在双向通信链路上，执行双向通信的接收和发射硬件的设备。这种设备可以包括：蜂窝或其他通信设备，其具有单线路显示器或多线路显示器或没有多线路显示器的蜂窝或其他通信设备；PCS(Personal Communications Service，个人通信***)，其可以组合语音、数据处理、传真和/或数据通信能力；PDA(Personal Digital Assistant，个人数字助理)，其可以包括射频接收器、寻呼机、互联网/内联网访问、网络浏览器、记事本、日历和/或GPS(Global Positioning System，全球定位***)接收器；常规膝上型和/或掌上型计算机或其他设备，其具有和/或包括射频接收器的常规膝上型和/或掌上型计算机或其他设备。这里所使用的“终端”、“终端设备”可以是便携式、可运输、安装在交通工具(航空、海运和/或陆地)中的，或者适合于和/或配置为在本地运行，和/或以分布形式，运行在地球和/或空间的任何其他位置运行。这里所使用的“终端”、“终端设备”还可以是通信终端、上网终端、音乐/视频播放终端，例如可以是PDA、MID(Mobile Internet Device，移动互联网设备)和/或具有音乐/视频播放功能的移动电话，也可以是智能电视、机顶盒等设备。
本实施方式中的客户终端即为上述的终端。
具体地，请参阅图1，图1为本实施例提供的一种离线监控方法的基本流程示意图。
如图1所示，离线监控方法包括下述步骤：
S1100、获取离线状态下基于用户操作前端页面生成的操作数据；
本实施例应用于Vue框架中，其中，在Vue框架中预设有网络监控插件，例如，通过CreationComplete()中调用netWorkSyc来监控网络状态。其中，Vue框架为一个构建数据驱动的web界面的渐进式框架，它的目标是通过尽可能简单的API实现响应的数据绑定和组合的视图组件。当通过上述网络监控插件获取到网络状态信息后，判断网络状态信息表示的网络状态是否为离线状态，当为离线状态时，调用预设的离线监控插件获取在该离线状态下用户操作前端页面的数据。
需要说明的是，离线监控插件为内置与Vue框架中独立的模块，离线监控插件的代码与业务代码，即用户操作所涉及的软件的代码相分离，如此，可以在利用离线监控插件监控用户操作数据时，避免影响业务代码的使用，达到维护业务代码的性能的作用。此外，离线监控插件可以与项目编译打包代码进行结合，将打包编译进项目上线代码之中。
需要说明的是，操作数据为用户对终端或者服务器进行操作的数据以及操作后生成的数据，例如，用户在前端界面进行操作的轨迹数据、用户在前端界面操作后页面出现的异常报错数据等等。在一些实施方式中，为了便于对用户操作数据的类型进行管理，离线监控插件包括多种类型的数据收集程序，例如，对用户操作轨迹数据进行收集的轨迹收集程序和对异常报错数据进行收集的报错数据收集程序，离线监控插件按照预设的多个类型的数据收集程序对用户操作数据进行收集。
在一些实施方式中，由于在实际应用中每个项目中需要监控的用户操作数据的类型各不相同，因此，本实施例中终端或者服务器接收用户预先设置的开启参数，其中，开启参数用于表示对不同类型的用户操作数据设置开启或者关闭的参数，包括需要开启或者关闭的用户操作数据的类型以及开启或者关闭的指令。终端或者服务器接收到开启参数后，按照开启参数中包含的用户操作数据的类型和开启或者关闭指令，对该用户操作数据进行设置。例如，接收到的开启参数包括：开启用户操作轨迹的指令，则对收集该用户操作轨迹程序进行开启。
在一些实施方式中，在获取到操作数据后，将操作数据存储到预设的存储空间中，其中，存储空间可以按照用户操作数据的类型分别进行存储。例如，将用户操作轨迹的数据存储到轨迹存储器中，将报错数据存储到报错数据存储器中。
S1200、判断离线状态持续的时长是否大于预设时长，当大于预设时长时，根据操作数据对前端页面中组件的配置参数进行修改以调整组件在所述前端页面的显示方式；
在实际应用中，当离线状态持续的时间过长时，存储空间中会存储的较大的数据量，为了避免存储空间的限制造成后续数据丢失以及离线状态过长影响对数据的监控，本实施例中，根据收集到的操作数据对前端页面中组件的配置参数进行修改，及时的调整前端页面中组件的显示方式方式，以进一步适应用户的操作习惯，为用户提供个性化的页面。
例如，离线状态过长时，即大于预设时长时，通过分析收集到的操作轨迹来确定用户感兴趣的内容所在的组件，并通过修改该组件的位置使其显示在前端页面中，以方便用户查看。或者，对于报错数据来说，出现报错可能是由于组件逻辑出现了错误，为了避免用户试错，可以修改该组件的配置参数使其功能关闭。以下针对对操作轨迹为例进行举例说明，例如，收集到的操作轨迹中记录了用户单击前端页面的顺序，例如，用户对前端页面中第一组件的内容感兴趣，单击后进入第一组件的子组件，单击第一子组件进入第二子组件，则用户的操作轨迹为第一组件-第一子组件-第二子组件。在生成操作数据后可以由操作轨迹中组件的配置信息，例如配置信息包含的组件的显示内容中确定用户的兴趣点，进而为了方便用户查看，将第一组件-第一子组件-第二子组件显示在第一组件的前端页面中。
S1300、按照修改后的配置参数对前端页面中显示的组件进行渲染。
本实施例中，配置参数用于表示组件显示方式的参数，例如，组件显示的背景颜色、显示内容、显示的尺寸以及在前端显示的位置等。本实施例中，终端或者服务器针对修改后的配置参数对组件进行渲染，以使修改后的组件在前端页面中进行显示。
上述离线监控方法，获取离线状态下用户的操作数据，并当离线状态大于预设时长时，按照获取的操作数据对组件的配置参数进行修改，使得按照操作数据来调整组件的显示方式，该方法可以确保离线时间较长时，监控操作数据并调整组件的显示方式，适应用户的操作习惯，为优化项目和改善体验提供了有效的依据，为数据分析提供了保障。
本发明实施例提供一种获取离线状态下用户操作前端页面时的操作数据的方法，如图2所示，图2为本发明实施例提供的一种获取离线状态下用户操作前端页面时的操作数据的方法的基本流程示意图。
具体地，如图2所示，步骤S1100包括下述步骤：
S1110、从预设于Vue框架中的网络监控插件中提取网络状态信息；
Vue框架为一个构建数据驱动的web界面的渐进式框架，它的目标是通过尽可能简单的API实现响应的数据绑定和组合的视图组件。网络监控插件为用于监听网络状态的插件，可以通过CreationComplete()中调用netWorkSyc来监控网络状态。
S1120、当网络状态信息表示的网络状态为离线状态时，调用预设的离线监控插件，其中，预设的离线监控插件包括多种类型的数据收集程序；
离线监控插件为内置与Vue框架中独立的模块，离线监控插件的代码与业务代码，即用户操作所涉及的软件的代码分离，且离线监控插件与项目编译打包代码进行结合，将打包编译进项目上线代码之中。
为了使获得数据分类明确，有针对性的进行分析处理，本实施例中，在离线监控插件按照数据类型预设有多个数据收集程序，例如，用户的操作轨迹的收集程序和报错数据收集程序，其中，用户的操作轨迹为用户单击操作页面中组件的轨迹，报错数据为用户在前端页面操作后生成的报错数据。
S1130、按照数据收集程序收集离线状态下基于用户操作前端页面生成的操作数据，并按照操作数据的类型存储到预先划分的存储空间中。
本发明实施例提供一种按照数据收集程序收集离线状态下用户操作前端页面时产生的操作数据的方法，其中，操作数据包括：用户的操作轨迹，如图3所示，图3为本发明实施例提供的一种按照数据收集程序收集离线状态下用户操作前端页面时产生的操作数据的方法的基本流程示意图。
具体地，如图3所示，步骤S1130包括下述步骤：
S1131、从数据代码中调用用户设置的处于启动状态的用户操作轨迹的监控程序；
本实施例中，针对每一种类型的监控程序均设置启动或关闭的开关，以及针对开关的启动或关闭的条件进行设置，例如，假设需要在离线状态下收集用户的操作轨迹，则设置操作轨迹的监控程序的启动条件为离线状态或者一直开启，假设不需要收集报错数据则将收集报错数据的监控程序的开关设置为关闭。如此，用户自定义的设置监控程序的启动或关闭可以具有针对性的对数据类型进行收集和监控。
如上所述，当满足监控程序的启动状态，即离线状态时，终端或服务器调用启动状态的操作轨迹的监控程序。
S1132、利用监控程序收集检测到的用户触发前端页面中组件的触发事件；
可以通过用户操作的可视化的前端页面中组件的各个元素来进行检测触发时间，其中，该元素可以为文本、图片、按钮等。
触发事件为用于触发针对组件进行信息显示的事件，可以为触控操作触发或者为光标点击触发。其中，每个组件均存在需要被触发进行显示的信息，例如，社交应用页面中关注按钮组件，用于在点击该关注按钮组件后即可触发对该关注按钮相应的需要显示的信息进行显示。
S1133、确定触发事件所针对的组件的配置信息，并按照多个触发事件的触发顺序将获得的多个配置信息进行排序得到用户的操作轨迹。
本实施例中，从文件对象模型(DocumentObjectModel，简称DOM)中提取组件的配置信息，其中配置信息包括组件的关系、组件显示的内容，例如文本数据、图片、音频、视频等媒体数据，以及组件之间的位置关系等。按照触发顺序来讲获得的配置信息进行排序，即为用户在前端页面操作时的轨迹。
在实际应用中，通常页面中通常包括父组件以及父组件的子组件，用户在操作过程中会单击页面来显示组件中的显示内容，为了适应用户的操作习惯增强用户的体验，本实施例可以在页面中直接呈现用户感兴趣的内容。本实施例中配置参数的修改包括：将子组件的配置信息在子组件的前端页面中显示，本实施例提供一种根据操作数据对前端页面中组件的配置参数进行修改的方法，如图4所示，图4为本发明实施例提供的一种根据操作数据对前端页面中组件的配置参数进行修改的方法的基本流程示意图。
具体地，如图4所示，步骤S1200包括下述步骤：
S1211、获取父组件所在的前端页面中预设的备用组件；
本实施例中，为了便于显示在父组件所在的前端页面中预设有备用组件，其中，为了后续显示数据在最初设置时可以将备用组件的文本显示为空。在其它实施方式中，备用组件可以为一个或者多个，每个备用组件均在其配置信息中设置标签，通过标签可以直接获取到备用组件。
S1212、将子组件的配置信息填加到备用组件的配置信息中以使子组件在父组件所在的前端页面中进行显示。
其中，将子组件的文本信息添加到备用组件的文本信息中，使子组件的文本信息在备用组件中进行显示。
在一些实施方式中，若经常根据用户的操作轨迹更新备用组件中子组件的文本会出现当用户的操作轨迹较为繁杂，会使备用组件中的内容不断的变化，反而会影响用户的操作，给用户带来不便，因此，鉴于这种情况，在预设的时间段内，对用户的操作轨迹进行统计，即，按照操作周期将获取到的多组数据进行分析，得到在该操作周期内出现次数大于预设次数的组件作为轨迹组件，将轨迹组件的显示文本添加到备用组件的文本信息中。操作周期可以为一天、一周或一个月。例如，将每天获取到的数据作为一组，查看操作轨迹中触发的组件并进行标记，将多组轨迹中出现的组件进行累计，并于预设次数一一比对即得到轨迹组件。如此，得到的轨迹组件可以反映用户在每一个周期内的操作习惯，并在下一个周期进行更新，方便用户进行操作。
当操作数据为报错数据时，配置参数的修改包括：将前端页面中的显示内容修改为错误提示内容以提示用户出现报错，本发明实施例还提供一种根据操作数据对前端页面中组件的配置参数进行修改的方法，如图5所示，图5为本发明实施例提供另一种根据操作数据对前端页面中组件的配置参数进行修改的方法的基本流程示意图。
具体地，如图5所示，步骤S1200包括下述步骤：
S1221、在用户触发前端页面的组件时，获取产生报错数据的目标组件；
S1222、提取目标组件的配置信息，并将配置信息中的显示内容修改为错误提示内容，以提示用户目标组件不可用。
本实施例中，报错数据可以在web端预览模板时，无法访问模板，数据集配置错误或者无法访问数据链接等的报错数据。当产生报错数据时可以在数据库中进行查询，当出现“数据库连接失败”时，可以确定该问题出现在数据连接上。在这种情况下，将该配置信息中的显示内容修改为“不可用”等内容，同时将该问题发送到开发终端提示工作人员。
本发明实施例还提供一种离线监控方法，如图6所示，图6为本发明实施例提供的另一种离线监控方法的基本流程示意图。
具体地，如图6所示，在判断离线状态持续的时长是否大于预设时长之后，还包括下述步骤：
S1201、当离线状态持续的时长小于或等于预设时长时，将操作数据上传到服务器；
S1202、接收服务器发送的修改组件显示的配置参数；
当离线状态持续的时长小于或等于预设时长时，通常得到的操作数据较少，不能准确的反映用户的操作习惯，且服务器中已经积累了大量的户操作数据，服务器的处理能力强于终端，在这种情况下，将操作数据上传至服务器，以使服务器对操作数据进行监控和处理。
S1203、按照配置参数对前端页面中显示的组件进行渲染。
配置参数用于表示组件显示方式的参数，例如，组件显示的背景颜色、显示内容、显示的尺寸以及在前端显示的位置等。本实施例中，终端或者服务器针对修改后的配置参数对组件进行渲染，以使修改后的组件在前端页面中进行显示。
上述离线监控方法，通过获取终端运行的网络状态，当为离线状态时，调用预设的离线监控插件对离线状态下的用户操作数据进行监控并存储。如此可以实现用户使用离线应用时的数据监控，从而获取更加全面的操作数据，为优化项目和改善体验提供了有效的依据，为数据分析提供了保障。
为解决上述技术问题本发明实施例还提供一种离线监控装置。具体请参阅图7，图7为本实施例离线监控装置基本结构框图。
如图7所示，一种离线监控装置，包括：获取模块2100、处理模块2200和执行模块2300。其中，获取模块2100，用于获取离线状态下基于用户操作前端页面生成的操作数据；处理模块2200，用于判断所述离线状态持续的时长是否大于预设时长，当大于所述预设时长时，根据所述操作数据对所述前端页面中组件的配置参数进行修改以调整所述组件在所述前端页面的显示方式；执行模块2300，用于按照修改后的配置参数对所述前端页面中显示的组件进行渲染。
离线监控装置通过获取终端运行的网络状态，当为离线状态时，调用预设的离线监控插件对离线状态下的用户操作数据进行监控并存储。如此可以实现用户使用离线应用时的数据监控，从而获取更加全面的操作数据，为优化项目和改善体验提供了有效的依据，为数据分析提供了保障。
在一些实施方式中，所述获取模块包括：第一获取子模块，用于从预设于Vue框架中的网络监控插件中提取网络状态信息；第一处理子模块，用于当所述网络状态信息表示的网络状态为离线状态时，调用预设的离线监控插件，其中，所述预设的离线监控插件包括多种类型的数据收集程序；第一执行子模块，用于按照所述数据收集程序收集离线状态下基于用户操作前端页面生成的操作数据，并按照所述操作数据的类型存储到预先划分的存储空间中。
在一些实施方式中，所述操作数据包括：所述用户的操作轨迹，所述第一执行子模块包括：第二获取子模块，用于从数据代码中调用所述用户设置的处于启动状态的用户操作轨迹的监控程序；第二处理子模块，用于利用所述监控程序检测所述用户触发所述前端页面中组件的触发事件；第二执行子模块，用于确定所述触发事件所针对的组件的配置信息，并按照多个所述触发事件的触发顺序将获得的多个配置信息进行排序得到所述用户的操作轨迹。
在一些实施方式中，所述配置参数的修改包括：将所述子组件的配置信息在所述子组件的前端页面中显示，所述操作轨迹中触发的组件包括父组件以及所述父组件的子组件，所述处理模块包括：第三获取子模块，用于获取所述父组件所在的前端页面中预设的备用组件；第三处理子模块，用于将所述子组件的配置信息填加到所述备用组件的配置信息中以使所述子组件在所述父组件所在的前端页面中进行显示。
在一些实施方式中，所述操作数据还包括：报错数据，所述配置参数的修改包括：将所述前端页面中的显示内容修改为错误提示内容以提示所述用户出现报错，所述处理模块包括：第四获取子模块，用于在所述用户触发所述前端页面的组件时，获取产生所述报错数据的目标组件；第四处理子模块，用于提取所述目标组件的配置信息，并将所述配置信息中的显示内容修改为错误提示内容，以提示所述用户所述目标组件不可用。
在一些实施方式中，还包括：第五获取子模块，用于当所述离线状态持续的时长小于或等于所述预设时长时，将所述操作数据上传到服务器；第六获取子模块接收所述服务器发送的修改所述组件显示的配置参数；第五处理子模块，用于按照所述配置参数对所述前端页面中显示的组件进行渲染。
为解决上述技术问题，本发明实施例还提供计算机设备。具体请参阅图8，图8为本实施例计算机设备基本结构框图。
如图8所示，计算机设备的内部结构示意图。如图8所示，该计算机设备包括通过***总线连接的处理器、非易失性存储介质、存储器和网络接口。其中，该计算机设备的非易失性存储介质存储有操作***、数据库和计算机可读指令，数据库中可存储有控件信息序列，该计算机可读指令被处理器执行时，可使得处理器实现一种离线监控方法。该计算机设备的处理器用于提供计算和控制能力，支撑整个计算机设备的运行。该计算机设备的存储器中可存储有计算机可读指令，该计算机可读指令被处理器执行时，可使得处理器执行一种离线监控方法。该计算机设备的网络接口用于与终端连接通信。本领域技术人员可以理解，图8中示出的结构，仅仅是与本申请方案相关的部分结构的框图，并不构成对本申请方案所应用于其上的计算机设备的限定，具体的计算机设备可以包括比图中所示更多或更少的部件，或者组合某些部件，或者具有不同的部件布置。
本实施方式中处理器用于执行图7中获取模块2100、处理模块2200和执行模块2300的具体内容，存储器存储有执行上述模块所需的程序和各类数据。网络接口用于向用户终端或服务器之间的数据传输。本实施方式中的存储器存储有离线监控方法中执行所有子模块所需的程序及数据，服务器能够调用服务器的程序及数据执行所有子模块的功能。
计算机设备通过获取离线状态下用户的操作数据，并当离线状态大于预设时长时，按照获取的操作数据对组件的配置参数进行修改，使得按照操作数据来调整组件的显示方式，该方法可以确保离线时间较长时，监控操作数据并调整组件的显示方式，适应用户的操作习惯，为优化项目和改善体验提供了有效的依据，为数据分析提供了保障。
本发明还提供一种存储有计算机可读指令的存储介质，所述计算机可读指令被一个或多个处理器执行时，使得一个或多个处理器执行上述任一实施例所述离线监控方法的步骤。
本领域普通技术人员可以理解实现上述实施例方法中的全部或部分流程，是可以通过计算机程序来指令相关的硬件来完成，该计算机程序可存储于一计算机可读取存储介质中，该程序在执行时，可包括如上述各方法的实施例的流程。其中，前述的存储介质可为磁碟、光盘、只读存储记忆体(Read-Only Memory，ROM)等非易失性存储介质，或随机存储记忆体(Random Access Memory，RAM)等。
应该理解的是，虽然附图的流程图中的各个步骤按照箭头的指示依次显示，但是这些步骤并不是必然按照箭头指示的顺序依次执行。除非本文中有明确的说明，这些步骤的执行并没有严格的顺序限制，其可以以其他的顺序执行。而且，附图的流程图中的至少一部分步骤可以包括多个子步骤或者多个阶段，这些子步骤或者阶段并不必然是在同一时刻执行完成，而是可以在不同的时刻执行，其执行顺序也不必然是依次进行，而是可以与其他步骤或者其他步骤的子步骤或者阶段的至少一部分轮流或者交替地执行。
以上所述仅是本发明的部分实施方式，应当指出，对于本技术领域的普通技术人员来说，在不脱离本发明原理的前提下，还可以做出若干改进和润饰，这些改进和润饰也应视为本发明的保护范围。
Claims (10)
1.一种离线监控方法，其特征在于，包括下述步骤：
获取离线状态下基于用户操作前端页面生成的操作数据；
判断所述离线状态持续的时长是否大于预设时长，当大于所述预设时长时，根据所述操作数据对所述前端页面中组件的配置参数进行修改以调整所述组件在所述前端页面的显示方式；
按照修改后的配置参数对所述前端页面中显示的组件进行渲染。
2.根据权利要求1所述的离线监控方法，其特征在于，所述获取离线状态下基于用户操作前端页面生成的操作数据，包括：
从预设于Vue框架中的网络监控插件中提取网络状态信息；
当所述网络状态信息表示的网络状态为离线状态时，调用预设的离线监控插件，其中，所述预设的离线监控插件包括多种类型的数据收集程序；
按照所述数据收集程序收集离线状态下基于用户操作前端页面生成的操作数据，并按照所述操作数据的类型存储到预先划分的存储空间中。
3.根据权利要求2所述的离线监控方法，其特征在于，所述操作数据包括：所述用户的操作轨迹，所述按照所述数据收集程序收集离线状态下基于用户操作前端页面生成的操作数据包括：
从数据代码中调用所述用户设置的处于启动状态的用户操作轨迹的监控程序；
利用所述监控程序检测所述用户触发所述前端页面中组件的触发事件；
确定所述触发事件所针对的组件的配置信息，并按照多个所述触发事件的触发顺序将获得的多个配置信息进行排序得到所述用户的操作轨迹。
4.根据权利要求3所述的离线监控方法，其特征在于，所述操作轨迹中触发的组件包括父组件以及所述父组件的子组件，所述配置参数的修改包括：将所述子组件的配置信息在所述子组件的前端页面中显示，所述根据所述操作数据对所述前端页面中组件的配置参数进行修改，包括：
获取所述父组件所在的前端页面中预设的备用组件；
将所述子组件的配置信息填加到所述备用组件的配置信息中以使所述子组件在所述父组件所在的前端页面中进行显示。
5.根据权利要求3所述的离线监控方法，其特征在于，所述操作数据还包括：报错数据，所述配置参数的修改包括：将所述前端页面中的显示内容修改为错误提示内容以提示所述用户出现报错，所述根据所述操作数据对所述前端页面中组件的配置参数进行修改，包括：
在所述用户触发所述前端页面的组件时，获取产生所述报错数据的目标组件；
提取所述目标组件的配置信息，并将所述配置信息中的显示内容修改为错误提示内容提示所述用户所述目标组件不可用。
6.根据权利要求1所述的离线监控方法，其特征在于，所述判断所述离线状态持续的时长是否大于预设时长之后，还包括：
当所述离线状态持续的时长小于或等于所述预设时长时，将所述操作数据上传到服务器；
接收所述服务器发送的修改所述组件显示的配置参数；
按照所述配置参数对所述前端页面中显示的组件进行渲染。
7.一种离线监控装置，其特征在于，包括：
获取模块，用于获取离线状态基于用户操作前端页面生成的操作数据；
处理模块，用于判断所述离线状态持续的时长是否大于预设时长，当大于所述预设时长时，根据所述操作数据对所述前端页面中组件的配置参数进行修改以调整所述组件在所述前端页面的显示方式；
执行模块，用于按照修改后的配置参数对所述前端页面中显示的组件进行渲染。
8.根据权利要求7所述的离线监控装置，其特征在于，所述获取模块包括：
第一获取子模块，用于从预设于Vue框架中的网络监控插件中提取网络状态信息；
第一处理子模块，用于当所述网络状态信息表示的网络状态为离线状态时，调用预设的离线监控插件，其中，所述预设的离线监控插件包括多种类型的数据收集程序；
第一执行子模块，用于按照所述数据收集程序收集离线状态下基于用户操作前端页面生成的操作数据，并按照所述操作数据的类型存储到预先划分的存储空间中。
9.一种计算机设备，包括存储器和处理器，所述存储器中存储有计算机可读指令，所述计算机可读指令被所述处理器执行时，使得所述处理器执行如权利要求1至6中任一项权利要求所述离线监控方法的步骤。
10.一种存储有计算机可读指令的存储介质，所述计算机可读指令被一个或多个处理器执行时，使得一个或多个处理器执行如权利要求1至6中任一项权利要求所述离线监控方法的步骤。
Priority Applications (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN201910894045.0A CN110781052A (zh) | 2019-09-20 | 2019-09-20 | 离线监控方法、装置、计算机设备及存储介质 |
Applications Claiming Priority (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN201910894045.0A CN110781052A (zh) | 2019-09-20 | 2019-09-20 | 离线监控方法、装置、计算机设备及存储介质 |
Publications (1)
| Publication Number | Publication Date |
|---|---|
| CN110781052A true CN110781052A (zh) | 2020-02-11 |
Family
ID=69384292
Family Applications (1)
| Application Number | Title | Priority Date | Filing Date |
|---|---|---|---|
| CN201910894045.0A Pending CN110781052A (zh) | 2019-09-20 | 2019-09-20 | 离线监控方法、装置、计算机设备及存储介质 |
Country Status (1)
| Country | Link |
|---|---|
| CN (1) | CN110781052A (zh) |
Cited By (3)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN111309558A (zh) * | 2020-02-19 | 2020-06-19 | 望海康信(北京)科技股份公司 | 收集vue框架中事件数据的方法、装置、设备及存储介质 |
| CN111571643A (zh) * | 2020-05-27 | 2020-08-25 | 淮安信息职业技术学院 | 机器人离线编程工作时长控制及安全保护设备 |
| CN114244895A (zh) * | 2021-12-21 | 2022-03-25 | 北京京东振世信息技术有限公司 | 手持移动终端的控制方法、装置、电子设备和存储介质 |
Citations (6)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN102457499A (zh) * | 2010-10-26 | 2012-05-16 | 腾讯科技（深圳）有限公司 | 客户端的离线工作方法和离线工作客户端 |
| CN106100936A (zh) * | 2016-08-10 | 2016-11-09 | 乐视控股（北京）有限公司 | 网页性能监控方法和装置及网络服务器、客户端 |
| CN107864066A (zh) * | 2017-08-24 | 2018-03-30 | 平安普惠企业管理有限公司 | 离线h5页面监控方法、装置、设备及可读存储介质 |
| CN108810057A (zh) * | 2017-05-05 | 2018-11-13 | 腾讯科技（深圳）有限公司 | 用户行为数据的采集方法、装置及存储介质 |
| CN109460276A (zh) * | 2018-10-25 | 2019-03-12 | 北京字节跳动网络技术有限公司 | 页面和页面配置文件生成方法、装置、终端设备及介质 |
| CN109710440A (zh) * | 2018-12-14 | 2019-05-03 | 平安科技（深圳）有限公司 | 网页前端的异常处理方法、装置、存储介质及终端设备 |
-
2019
- 2019-09-20 CN CN201910894045.0A patent/CN110781052A/zh active Pending
Patent Citations (6)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN102457499A (zh) * | 2010-10-26 | 2012-05-16 | 腾讯科技（深圳）有限公司 | 客户端的离线工作方法和离线工作客户端 |
| CN106100936A (zh) * | 2016-08-10 | 2016-11-09 | 乐视控股（北京）有限公司 | 网页性能监控方法和装置及网络服务器、客户端 |
| CN108810057A (zh) * | 2017-05-05 | 2018-11-13 | 腾讯科技（深圳）有限公司 | 用户行为数据的采集方法、装置及存储介质 |
| CN107864066A (zh) * | 2017-08-24 | 2018-03-30 | 平安普惠企业管理有限公司 | 离线h5页面监控方法、装置、设备及可读存储介质 |
| CN109460276A (zh) * | 2018-10-25 | 2019-03-12 | 北京字节跳动网络技术有限公司 | 页面和页面配置文件生成方法、装置、终端设备及介质 |
| CN109710440A (zh) * | 2018-12-14 | 2019-05-03 | 平安科技（深圳）有限公司 | 网页前端的异常处理方法、装置、存储介质及终端设备 |
Cited By (4)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN111309558A (zh) * | 2020-02-19 | 2020-06-19 | 望海康信(北京)科技股份公司 | 收集vue框架中事件数据的方法、装置、设备及存储介质 |
| CN111309558B (zh) * | 2020-02-19 | 2021-06-15 | 望海康信(北京)科技股份公司 | 收集vue框架中事件数据的方法、装置、设备及存储介质 |
| CN111571643A (zh) * | 2020-05-27 | 2020-08-25 | 淮安信息职业技术学院 | 机器人离线编程工作时长控制及安全保护设备 |
| CN114244895A (zh) * | 2021-12-21 | 2022-03-25 | 北京京东振世信息技术有限公司 | 手持移动终端的控制方法、装置、电子设备和存储介质 |
Similar Documents
| Publication | Publication Date | Title |
|---|---|---|
| US11068323B2 (en) | Automatic registration of empty pointers | |
| US8756593B2 (en) | Map generator for representing interrelationships between app features forged by dynamic pointers | |
| US8589876B1 (en) | Detection of central-registry events influencing dynamic pointers and app feature dependencies | |
| CN111176960B (zh) | 一种用户操作行为跟踪方法、装置、设备及存储介质 | |
| US7827486B2 (en) | Evaluation of visual content usage | |
| EP2851857A1 (en) | Mobile application daily user engagement scores and user profiles | |
| US20150294256A1 (en) | Scenario modeling and visualization | |
| CN110781052A (zh) | 离线监控方法、装置、计算机设备及存储介质 | |
| US10901573B2 (en) | Generating predictive action buttons within a graphical user interface | |
| CN111552633A (zh) | 接口的异常调用测试方法、装置、计算机设备及存储介质 | |
| CN115017400A (zh) | 一种应用app推荐方法及电子设备 | |
| CN112182295A (zh) | 基于行为预测的业务处理方法、装置及电子设备 | |
| CN113297609A (zh) | 针对小程序进行隐私采集行为监控的方法及装置 | |
| CN112817831A (zh) | 应用性能监测方法、装置、计算机***和可读存储介质 | |
| CN112612393B (zh) | 界面功能的交互方法及装置 | |
| CN112817817A (zh) | 埋点信息查询方法、装置、计算机设备和存储介质 | |
| CN112905935A (zh) | 页面录制方法、页面录制动画生成方法、设备和存储介质 | |
| CN114510305B (zh) | 模型训练方法、装置、存储介质及电子设备 | |
| CN115794545A (zh) | 运维数据的自动化处理方法及其相关设备 | |
| CN109889584B (zh) | 运营方案推送方法、装置、***和服务器 | |
| CN116610552A (zh) | 测试用例推荐方法、装置、存储介质和电子设备 | |
| CN104428757A (zh) | 在开发环境中集成诊断信息 | |
| CN112596846A (zh) | 确定界面显示内容的方法、装置、终端设备及存储介质 | |
| CN113238931A (zh) | 一种基于执行路径追踪技术的测试覆盖计算方法及装置 | |
| CN111338960A (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 |