CN111045763A - 显示视图监控方法、装置、计算机设备及存储介质 - Google Patents
显示视图监控方法、装置、计算机设备及存储介质 Download PDFInfo
- Publication number
- CN111045763A CN111045763A CN201911121133.3A CN201911121133A CN111045763A CN 111045763 A CN111045763 A CN 111045763A CN 201911121133 A CN201911121133 A CN 201911121133A CN 111045763 A CN111045763 A CN 111045763A
- Authority
- CN
- China
- Prior art keywords
- display
- monitoring
- page
- monitored
- display view
- 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 206
- 238000000034 method Methods 0.000 title claims abstract description 53
- 239000013077 target material Substances 0.000 claims description 76
- 230000000007 visual effect Effects 0.000 claims description 14
- 238000004590 computer program Methods 0.000 claims description 13
- 238000012806 monitoring device Methods 0.000 abstract description 2
- 238000010586 diagram Methods 0.000 description 11
- 230000002159 abnormal effect Effects 0.000 description 8
- 230000006870 function Effects 0.000 description 3
- 238000012800 visualization Methods 0.000 description 3
- 230000003068 static effect Effects 0.000 description 2
- 230000001360 synchronised effect Effects 0.000 description 2
- 239000003086 colorant Substances 0.000 description 1
- 238000011161 development Methods 0.000 description 1
- 230000000694 effects Effects 0.000 description 1
- 238000012986 modification Methods 0.000 description 1
- 230000004048 modification Effects 0.000 description 1
- 238000009877 rendering Methods 0.000 description 1
- 238000006467 substitution reaction Methods 0.000 description 1
Images
Classifications
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F9/00—Arrangements for program control, e.g. control units
- G06F9/06—Arrangements for program control, e.g. control units using stored programs, i.e. using an internal store of processing equipment to receive or retain programs
- G06F9/44—Arrangements for executing specific programs
- G06F9/451—Execution arrangements for user interfaces
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F8/00—Arrangements for software engineering
- G06F8/30—Creation or generation of source code
- G06F8/38—Creation or generation of source code for implementing user interfaces
Landscapes
- Engineering & Computer Science (AREA)
- Software Systems (AREA)
- Theoretical Computer Science (AREA)
- General Engineering & Computer Science (AREA)
- Human Computer Interaction (AREA)
- Physics & Mathematics (AREA)
- General Physics & Mathematics (AREA)
- User Interface Of Digital Computer (AREA)
Abstract
本发明公开了一种显示视图监控方法、装置、计算机设备及存储介质;通过获取显示视图中预设的监控节点的位置信息,其中,显示视图展示在待监控页面上;根据位置信息对显示视图在待监控页面的展示状态进行监控,得到监控结果;从而实现了对显示视图在待监控页面的展示状态进行实时准确的监控。
Description
技术领域
本发明涉及互联网技术领域,尤其涉及一种显示视图监控方法、装置、计算机设备及存储介质。
背景技术
随着计算机网络技术的发展,越来越多的纸质化的信息开始通过电子显示屏进行呈现,并投放至人流量多、能够引入注目的地方。例如,交通路线展示图、城市文化宣传片或者产品活动宣传片等,以让人们可以更方便直观地实时了解信息。因此,为了保证投放在显示屏上的显示视图的准确展示,很多商家想要对显示视图的展示状态进行实时监控。然而,由于商家到到开发者之间的数据链路很长时,从而导致很难实现对展示的显示视图进行实时监控。
发明内容
本发明实施例提供一种显示视图监控方法、装置、计算机设备及存储介质,以解决无法对展示的显示视图进行实时监控的问题。
一种显示视图监控方法,包括:
获取显示视图中预设的监控节点的位置信息,其中,所述显示视图展示在待监控页面上;
根据所述位置信息对所述显示视图在所述待监控页面的展示状态进行监控,得到监控结果。
一种显示视图监控装置,包括:
位置信息获取模块,用于获取显示视图中预设的监控节点的位置信息,其中,所述显示视图展示在待监控页面上;
监控模块,用于根据所述位置信息对所述显示视图在所述待监控页面的展示状态进行监控,得到监控结果。
一种计算机设备,包括存储器、处理器以及存储在所述存储器中并可在所述处理器上运行的计算机程序,所述处理器执行所述计算机程序时实现上述显示视图监控方法。
一种计算机可读存储介质,所述计算机可读存储介质存储有计算机程序,所述计算机程序被处理器执行时实现上述显示视图监控方法。
上述显示视图监控方法、装置、计算机设备及存储介质,通过获取显示视图中预设的监控节点的位置信息,其中,显示视图展示在待监控页面上;根据位置信息对显示视图在待监控页面的展示状态进行监控,得到监控结果;从而实现了对显示视图在待监控页面的展示状态进行实时准确的监控。
附图说明
为了更清楚地说明本发明实施例的技术方案,下面将对本发明实施例的描述中所需要使用的附图作简单地介绍,显而易见地,下面描述中的附图仅仅是本发明的一些实施例,对于本领域普通技术人员来讲,在不付出创造性劳动性的前提下,还可以根据这些附图获得其他的附图。
图1是本发明一实施例中显示视图监控方法的一应用环境示意图;
图2是本发明一实施例中显示视图监控方法的一示例图;
图3是本发明一实施例中显示视图监控方法的另一示例图;
图4是本发明一实施例中显示视图监控方法的另一示例图;
图5是本发明一实施例中显示视图监控方法的另一示例图;
图6是本发明一实施例中显示视图监控方法的另一示例图;
图7是本发明一实施例中显示视图监控方法的另一示例图;
图8是本发明一实施例中显示视图监控装置的一原理框图;
图9是本发明一实施例中显示视图监控装置的另一原理框图;
图10是本发明一实施例中计算机设备的一示意图。
具体实施方式
下面将结合本发明实施例中的附图,对本发明实施例中的技术方案进行清楚、完整地描述,显然,所描述的实施例是本发明一部分实施例,而不是全部的实施例。基于本发明中的实施例,本领域普通技术人员在没有作出创造性劳动前提下所获得的所有其他实施例,都属于本发明保护的范围。
本发明实施例提供的显示视图监控方法,该显示视图监控方法可应用如图1所示的应用环境中。具体地,该显示视图监控方法应用在显示视图监控系统中,该显示视图监控系统包括如图1所示的客户端和服务端,客户端与服务端通过网络进行通信,用于解决无法实时监控到显示视图是否渲染成功的问题。其中,客户端又称为用户端,是指与服务端相对应,为客户提供本地服务的程序。客户端可安装在但不限于各种个人计算机、笔记本电脑、智能手机、平板电脑和便携式可穿戴设备上。服务端可以用独立的服务器或者是多个服务器组成的服务器集群来实现。
在一实施例中,如图2所示,提供一种显示视图监控方法,以该方法应用在图1中的服务端为例进行说明,包括如下步骤:
S10:获取显示视图中预设的监控节点的位置信息,其中,显示视图展示在待监控页面上。
其中,显示视图指用于展示的视图。可选地,显示视图可以是静态的图块,也可以是动态图像,如Flash格式的动画。显示视图展示在待监控页面上。待监控页面指用于展示显示视图的页面。可选地,待监控页面可以为广告展示屏,也可以电子宣传屏,还可以为客户端的显示界面等。监控节点为用于监控显示视图在待监控页面是否正常展示的隐形节点。监控节点的位置信息为监控节点离待监控页面顶端的距离。在本实施例中,监控节点为div元素。监控节点预先已插入在预设的显示数据中。其中,显示数据指用于生成在待监控页面中加载的显示视图的数据。显示数据通过图像数据中像素点的像素值承载,在待监控页面加载时按照预定编码规则在待监控中将显示数据绘制为图像的像素数据。具体地,服务端可以通过Web API接口getBoundingClientRect获取显示视图中预设的监控节点的位置信息。
在一具体实施例中,服务端可以通过响应客户端发送的显示视图展示指令,该显示视图展示指令中包含有显示数据;然后根据该显示数据生成显示视图在预设的展示端的待监控页面上进行展示,从而触发获取显示视图中预设的监控节点的位置信息。
S20:根据位置信息对显示视图在待监控页面的展示状态进行监控,得到监控结果。
其中,监控结果指用于指示显示视图在待监控页面的展示状态的数据。具体地,监控结果主要包括显示视图在待监控页面正常展示和显示视图在待监控页面异常展示两种结果。具体地,不同的监控结果可通过不同的方式来表示。例如:不同类型的字符、不同的颜色标识、不同颜色的指示灯或者不同的语音提示等。优选地,在本实施例中,不同的监控结果可以通过不同颜色标识的数据来表示。例如:若监控结果为正常展示,则可以通过绿色标识的数据来表示;若监控结果为异常展示,则可以通过红色标识的数据来表示;以便于用户可直观的判断监控结果是否为正常。进一步地,为了便于用户更准确详细的获知显示视图在待监控页面的展示状态,若得到的监控结果为异常展示,则该监控结果还包括显示视图在待监控页面异常展示的原由,以及对应的解决措施。
具体地,根据监控节点的位置信息对显示视图在待监控页面的展示状态进行监控是指基于监控节点的位置信息,判断该位置信息是否满足预设的目条件,若该位置信息满足预设的目标条件,则得到的监控结果为显示视图在待监控页面正常展示;若该位置信息不满足预设的目标条件,则得到的监控结果为显示视图在待监控页面异常展示。可选地,目标条件可以为位置信息小于待监控页面的高度和预设的目标素材的高度之和,和/或,位置信息大于目标素材的高度等。其中,目标素材为正常展示状态下的显示视图。目标素材的大小已预先设定好。
在一具体实施例中,服务端在根据位置信息对显示视图在待监控页面的展示状态进行监控,得到监控结果之后,再将该监控结果上报至客户端,并在客户端的显示页面进行显示;以实现客户端对显示视图在待监控页面的展示状态进行实时准确的监控。
在本实施例中,通过获取显示视图中预设的监控节点的位置信息,其中,显示视图展示在待监控页面上;根据位置信息对显示视图在待监控页面的展示状态进行监控,得到监控结果;从而实现了对显示视图在待监控页面的展示状态进行实时准确的监控。
在一实施例中,如图3所示,位置信息为监控节点离待监控页面顶端的距离;根据位置信息对显示视图在待监控页面的展示状态进行监控,具体包括如下步骤:
S201:判断位置信息是否符合预设的目标条件,目标条件包括:位置信息小于待监控页面的高度和预设的目标素材的高度之和,和/或,位置信息大于目标素材的高度,其中,目标素材为正常展示状态下的显示视图。
其中,位置信息为监控节点离待监控页面顶端的距离。具体地,位置信息可以通过监控节点相对于待监控页面的左上角位置的坐标表示,即以待监控页面的左上角位置为原点,监控节点所在的坐标位置。
在一具体实施例中,待监控页面的高度和预设的目标素材的高度都是预先确定并已知的。服务端在获取到监控节点的位置信息之后,可直接将该位置信息与待监控页面的高度和预设的目标素材的高度之和进行比较,以及将该位置信息与目标素材的高度进行比较;判断该位置信息是否小于待监控页面的高度和预设的目标素材的高度之和,和/或,该位置信息大于目标素材的高度。可以理解地,若监控节点的位置信息大于或者等于待监控页面的高度和预设的目标素材的高度之和,则表明显示视图完全在待监控页面的可视化区域之外。若监控节点的位置信息不大于目标素材的高度,则表明用于展示显示视图的容器出现异常。
S202:若位置信息符合目标条件,则监控结果为第一展示结果,其中,第一展示结果指示显示视图在待监控页面中正常展示。
在一具体实施中,若根据步骤S201得到位置信息符合目标条件,则该监控结果为第一展示结果,第一展示结果指示显示视图在待监控页面中正常展示。可选地,该第一展示结果可以通过绿色标识的展示数据来表示,也可以通过绿色指示灯来表示,还可以直接通过语音提示来表示。
在一具体实施中,若根据步骤S201得到位置信息不符合目标条件,则该监控结果为第二展示结果,第二展示结果指示显示视图在待监控页面中异常展示。
在本实施例中,通过判断位置信息是否符合预设的目标条件,目标条件包括:位置信息小于待监控页面的高度和预设的目标素材的高度之和,和/或,位置信息大于目标素材的高度;若位置信息符合目标条件,则监控结果为第一展示结果,其中,第一展示结果指示显示视图在待监控页面中正常展示;从而保证了得到监控结果的准确性和直观性。
在一实施例中,如图4所示,根据位置信息对显示视图在待监控页面的展示状态进行监控之前,该显示视图监控方法,还具体包括如下步骤:
S21:监控待监控页面的宽度是否大于或等于目标素材的宽度,且监控待监控页面的高度是否大于或等于目标素材的高度。
具体地,通过Web API接口获取待监控页面的宽度和高度,以及目标素材的宽度和高度;然后将待监控页面的宽度与目标素材的宽度进行比较,以及将待监控页面的高度度与目标素材的高度进行比较,从而监控待监控页面的宽度是否大于或等于目标素材的宽度,且监控待监控页面的高度是否大于或等于目标素材的高度。
S22:若待监控页面的宽度大于或等于目标素材的宽度,且待监控页面的高度大于或等于目标素材的高度,则执行根据位置信息对显示视图在待监控页面的展示状态进行监控的步骤。
在一具体实施例中,若根据步骤S21得到待监控页面的宽度大于或等于目标素材的宽度,且待监控页面的高度大于或等于目标素材的高度,则执行根据位置信息对显示视图在待监控页面的展示状态进行监控的步骤。
在一具体实施例中,若根据步骤S21得到待监控页面的宽度小于目标素材的宽度,或者,待监控页面的高度小于目标素材的高度,则不执行根据位置信息对显示视图在待监控页面的展示状态进行监控的步骤,且直接得到监控结果为显示视图在待监控页面中异常展示,以提示用户待监控页面出现异常、不符合展示要求。
在本实施例中,监控待监控页面的宽度是否大于目标素材的宽度,且监控待监控页面的高度是否大于目标素材的高度;若待监控页面的宽度大于目标素材的宽度,且待监控页面的高度大于目标素材的高度,则执行根据位置信息对显示视图在待监控页面的展示状态进行监控的步骤;从而进一步提高了得到监控结果的准确性。
如图5所示,根据位置信息对显示视图在待监控页面的展示状态进行监控之前,该显示视图监控方法,还具体包括如下步骤:
S23:判断待监控页面所对应的展示终端是否支持JavaScript。
在一具体实施例中,待监控页面所对应的展示终端的浏览器可能不支持JavaScript脚本,或者支持JavaScript脚本但被禁用,因此。在本步骤中,需要判断待监控页面所对应的展示终端是否支持JavaScript。具体地,可采用noscript标签检测待监控页面所对应的展示终端的浏览器是否支持JavaScript,noscript标签在不支持JavaScript的浏览器中会显示noscript标签中的内容,从而实现判断待监控页面所对应的展示终端是否支持JavaScript。
S24:若展示终端支持JavaScript,则执行根据位置信息对显示视图在待监控页面的展示状态进行监控的步骤。
在一具体实施例中,若根据步骤S23得到展示终端支持JavaScript,则执行根据位置信息对显示视图在所述待监控页面的展示状态进行监控的步骤。另外地,若根据步骤S23得到展示终端支持JavaScript,则在执行根据位置信息对显示视图在所述待监控页面的展示状态进行监控的步骤之前,还可以先执行监控待监控页面的宽度是否大于或等于目标素材的宽度,且监控待监控页面的高度是否大于或等于目标素材的高度的步骤。
在一具体实施例中,若根据步骤S23得到展示终端不支持JavaScript,则不执行根据位置信息对显示视图在所述待监控页面的展示状态进行监控的步骤,且直接得到监控结果为显示视图在待监控页面中异常展示,以提示用户展示终端的浏览器不支持JavaScript。
在本实施例中,通过判断待监控页面所对应的展示终端是否支持JavaScript;若展示终端支持JavaScript,则执行根据位置信息对显示视图在所述待监控页面的展示状态进行监控的步骤;从而进一步提高了得到监控结果的准确性。
如图6所示,在若位置信息符合目标条件之后,该显示视图监控方法,还具体包括如下步骤:
S203:在显示视图中对与监控节点在同一层的元素节点进行遍历,将与目标素材的宽度和高度相匹配的元素节点确定显示容器节点。
其中,显示容器节点是指在显示数据中与目标素材的宽度和高度相同的DOM节点。与监控节点在同一层的元素节点是指与监控节点在同一层的所有dom元素节点,即在显示数据中位于监控节点前的所有dom元素节点,在本实施例中,监控节点位于显示数据中的最后位置。具体地,由于显示视图是展示终端执行显示数据中的元素节点所生成的。因此,在显示视图中对在监控节点前的元素节点进行遍历是指对显示数据中在监控节点前的元素节点进行遍历;然后,将在监控节点前的所有元素节点分别与目标素材的宽度和高度进行一一匹配;最后,将与目标素材的宽度和高度相匹配的元素节点确定显示容器节点。
S204:判断显示容器节点的可视化属性是否符合预设的目标属性。
其中,可视化属性包括opacity属性、display属性和visibility属性。opacity属性是用于表明元素节点的透明度的属性。display属性是用于表明元素节点的透明显示类型的属性。visibility属性是用于表明元素节点为显示还是隐藏的属性。通过判断显示容器节点的可视化属性可确定显示视图在待监控页面的展示在视觉上是否可见。
其中,目标属性指预先设定用于指示显示视图在视觉上可见的属性。具体地,目标属性主要包括目标opacity属性、目标display属性和目标visibility属性。在本实施例中,由于opacity属性是一个0.0到1.0范围内的数字值,当opacity属性的值为0.5时,元素已经半透明。因此,目标opacity属性设置为1。由于当display属性为none会将元素节点从可访问性树中移除,从而导致该元素节点从视觉上不可见,因此,目标display属性设置为block。由于当visibility属性为hidden或collapse,元素节点会被隐藏或折叠起来,从而导致该元素节点从视觉上不可见,因此,该目标display属性非hidden或非collapse。
具体地,将显示容器节点的可视化属性与预设的目标属性进行一一比较,即将opacity属性与目标opacity属性进行比较、display属性与目标display属性进行比较、visibility属性与目标visibility属性进行比较,判断显示容器节点的可视化属性是否符合预设的目标属性。需要说明的是,只有显示容器节点的opacity属性、display属性和visibility属性同时满足对应的目标属性,才判断显示容器节点的可视化属性符合目标属性。若显示容器节点的opacity属性、display属性和visibility属性中的任意一属性不满足对应的目标属性,则判断显示容器节点的可视化属性不符合目标属性。
S205:若显示容器节点的可视化属性符合目标属性,则监控结果为第一展示结果,其中,第一展示结果指示显示视图在待监控页面正常展示。
在一具体实施例中,若根据步骤S26判断得到显示容器节点的可视化属性符合目标属性,即opacity属性的值为1,display属性为block,且visibility属性不是为hidden或collapse,则监控结果为第一展示结果,其中,第一展示结果指示显示视图在待监控页面正常展示。
在一具体实施例中,若根据步骤S26判断得到显示容器节点的可视化属性不符合目标属性,即opacity属性的值小于1,或者,display属性为none,或者,visibility属性为hidden或collapse,则监控结果为第二展示结果,其中,第二展示结果指示显示视图在待监控页面异常展示。
在本实施例中,通过在显示视图中对与监控节点在同一层的元素节点进行遍历,将与目标素材的宽度和高度相匹配的元素节点确定显示容器节点;判断显示容器节点的可视化属性是否符合预设的目标属性;若显示容器节点的可视化属性符合目标属性,则监控结果为第一展示结果,其中,第一展示结果指示显示视图在待监控页面正常展示;从而实现对监控显示视图在待监控页面是否渲染成功进行准确的监控。
在一实施例中,如图7所示,在判断位置信息是否符合预设的目标条件之后,该显示视图监控方法,还具体包括如下步骤:
S206:若监控节点离待监控页面顶端的距离小于或等于目标素材的高度,则在显示视图中对与监控节点在同一层的元素节点进行遍历。
在一具体实施例中,若显示视图在显示数据中的定位方式为绝对定位,会脱离文档流不占据空间,从而造成监控节点离待监控页面顶端的距离为0,而误以为显示视图没有渲染成功。其中,显示视图在显示数据中的定位方式指的是层叠样式(CSS)的position属性。绝对定位指的是position属性为absolute。因此,为了避免只根据监控节点的位置信息,对显示视图在待监控页面的展示状态进行监控,而导致得到的监控结果出现失误的情况。在本步骤中,若待监控节点的位置信息小于或等于目标素材的高度,则在显示视图中对与监控节点在同一层的元素节点进行遍历。
具体地,该步骤中在显示视图中对与监控节点在同一层的元素节点进行遍历的具体过程和方法,与步骤S25在显示视图中对与监控节点在同一层的元素节点进行遍历的具体过程和方法相同,此处不做冗余赘述。
S207:判断元素节点中是否存在分别与目标素材的宽度和高度相匹配的目标元素节点。
具体地,在显示视图中对在监控节点前的元素节点进行遍历,将监控节点前的所有元素节点与目标素材的宽度和高度进行一一匹配,判断元素节点中是否存在分别与目标素材的宽度和高度相匹配的目标元素节点。
S208:若元素节点中存在分别与目标素材的宽度和高度相匹配的目标元素节点,则监控结果为第一展示结果,其中,第一展示结果指示显示视图在待监控页面正常展示。
在一具体实施例中,若根据步骤S32判断得到元素节点中存在分别与目标素材的宽度和高度相匹配的目标元素节点,则监控结果为第一展示结果,其中,第一展示结果指示显示视图在待监控页面正常展示。
在一具体实施例中,若根据步骤S32判断得到元素节点中不存在与目标素材的宽度和高度相匹配的目标元素节点,则监控结果为第二展示结果,其中,第二展示结果指示显示视图在待监控页面异常展示。
在本实施例中,若位置信息小于或等于目标素材的高度,则在显示视图中对在监控节点前的元素节点进行遍历;判断元素节点中是否存在分别与目标素材的宽度和高度相匹配的目标元素节点;若元素节点中存在分别与目标素材的宽度和高度相匹配的目标元素节点,则监控结果为第一展示结果,其中,第一展示结果指示显示视图在待监控页面正常展示;从而进一步提高了得到的监控结果的准确性。
应理解,上述实施例中各步骤的序号的大小并不意味着执行顺序的先后,各过程的执行顺序应以其功能和内在逻辑确定,而不应对本发明实施例的实施过程构成任何限定。
在一实施例中,提供一种显示视图监控装置,该显示视图监控装置与上述实施例中显示视图监控方法一一对应。如图8所示,该显示视图监控装置包括位置信息获取模块10、和第一监控模块20。各功能模块详细说明如下:
位置信息获取模块10,用于获取显示视图中预设的监控节点的位置信息,其中,显示视图展示在待监控页面上;
第一监控模块20,用于根据位置信息对显示视图在待监控页面的展示状态进行监控,得到监控结果。
优选地,如图9所示,第一监控模块20包括:
第一判断单元201,用于判断位置信息是否符合预设的目标条件,目标条件包括:位置信息小于待监控页面的高度和预设的目标素材的高度之和,和/或,位置信息大于目标素材的高度,其中,目标素材为正常展示状态下的显示视图;
第一监控结果生成单元202,用于在位置信息符合目标条件时,监控结果为第一展示结果,其中,第一展示结果指示显示视图在待监控页面中正常展示。
优选地,显示视图监控装置还包括:
第二监控模块,用于监控待监控页面的宽度是否大于或等于目标素材的宽度,且监控待监控页面的高度是否大于或等于目标素材的高度;
第一执行模块,用于在待监控页面的宽度大于或等于目标素材的宽度,且待监控页面的高度大于或等于目标素材的高度时,执行根据位置信息对显示视图在待监控页面的展示状态进行监控的步骤。
优选地,显示视图监控装置还包括:
第一判断模块,用于判断待监控页面所对应的展示终端是否支持JavaScript;
第二执行模块,用于在展示终端支持所述JavaScript时,执行根据位置信息对显示视图在待监控页面的展示状态进行监控的步骤。
优选地,第一监控模块20还包括:
第一遍历单元,用于在显示视图中对与监控节点在同一层的元素节点进行遍历,将与目标素材的宽度和高度相匹配的元素节点确定显示容器节点;
第二判断单元,用于判断显示容器节点的可视化属性是否符合预设的目标属性;
第二监控结果生成单元,用于在显示容器节点的可视化属性符合目标属性时,监控结果为第一展示结果,其中,第一展示结果指示显示视图待监控页面正常展示。
优选地,第一监控模块20还包括:
第一遍历单元,用于在位置信息小于或等于目标素材的高度时,在显示视图中对与监控节点在同一层的元素节点进行遍历;
第三判断单元,用于判断元素节点中是否存在分别与目标素材的宽度和高度相匹配的目标元素节点;
第三监控结果生成单元,用于在元素节点中存在分别与目标素材的宽度和高度相匹配的目标元素节点时,监控结果为第一展示结果,其中,第一展示结果指示显示视图在待监控页面正常展示。
关于显示视图监控装置的具体限定可以参见上文中对于显示视图监控方法的限定,在此不再赘述。上述显示视图监控装置中的各个模块可全部或部分通过软件、硬件及其组合来实现。上述各模块可以硬件形式内嵌于或独立于计算机设备中的处理器中,也可以以软件形式存储于计算机设备中的存储器中,以便于处理器调用执行以上各个模块对应的操作。
在一个实施例中,提供了一种计算机设备,该计算机设备可以是服务器,其内部结构图可以如图10所示。该计算机设备包括通过系统总线连接的处理器、存储器、网络接口和数据库。其中,该计算机设备的处理器用于提供计算和控制能力。该计算机设备的存储器包括非易失性存储介质、内存储器。该非易失性存储介质存储有操作系统、计算机程序和数据库。该内存储器为非易失性存储介质中的操作系统和计算机程序的运行提供环境。该计算机设备的数据库用于存储上述实施例中的显示视图监控方法中使用到的数据。该计算机设备的网络接口用于与外部的终端通过网络连接通信。该计算机程序被处理器执行时以实现一种显示视图监控方法。
在一个实施例中,提供了一种计算机设备,包括存储器、处理器及存储在存储器上并可在处理器上运行的计算机程序,处理器执行计算机程序时实现上述实施例中的显示视图监控方法。
在一个实施例中,提供了一种计算机可读存储介质,其上存储有计算机程序,计算机程序被处理器执行时实现上述实施例中的显示视图监控方法。
本领域普通技术人员可以理解实现上述实施例方法中的全部或部分流程,是可以通过计算机程序来指令相关的硬件来完成,所述的计算机程序可存储于一非易失性计算机可读取存储介质中,该计算机程序在执行时,可包括如上述各方法的实施例的流程。其中,本申请所提供的各实施例中所使用的对存储器、存储、数据库或其它介质的任何引用,均可包括非易失性和/或易失性存储器。非易失性存储器可包括只读存储器(ROM)、可编程ROM(PROM)、电可编程ROM(EPROM)、电可擦除可编程ROM(EEPROM)或闪存。易失性存储器可包括随机存取存储器(RAM)或者外部高速缓冲存储器。作为说明而非局限,RAM以多种形式可得,诸如静态RAM(SRAM)、动态RAM(DRAM)、同步DRAM(SDRAM)、双数据率SDRAM(DDRSDRAM)、增强型SDRAM(ESDRAM)、同步链路(Synchlink)DRAM(SLDRAM)、存储器总线(Rambus)直接RAM(RDRAM)、直接存储器总线动态RAM(DRDRAM)、以及存储器总线动态RAM(RDRAM)等。
所属领域的技术人员可以清楚地了解到,为了描述的方便和简洁,仅以上述各功能单元、模块的划分进行举例说明,实际应用中,可以根据需要而将上述功能分配由不同的功能单元、模块完成,即将所述装置的内部结构划分成不同的功能单元或模块,以完成以上描述的全部或者部分功能。
以上所述实施例仅用以说明本发明的技术方案,而非对其限制;尽管参照前述实施例对本发明进行了详细的说明,本领域的普通技术人员应当理解:其依然可以对前述各实施例所记载的技术方案进行修改,或者对其中部分技术特征进行等同替换;而这些修改或者替换,并不使相应技术方案的本质脱离本发明各实施例技术方案的精神和范围,均应包含在本发明的保护范围之内。
Claims (10)
1.一种显示视图监控方法,其特征在于,包括:
获取显示视图中预设的监控节点的位置信息,其中,所述显示视图展示在待监控页面上;
根据所述位置信息对所述显示视图在所述待监控页面的展示状态进行监控,得到监控结果。
2.如权利要求1所述的显示视图监控方法,其特征在于,所述位置信息为所述监控节点离所述待监控页面顶端的距离;
所述根据所述位置信息对所述显示视图在所述待监控页面的展示状态进行监控,包括:
判断所述位置信息是否符合预设的目标条件,所述目标条件包括:所述位置信息小于所述待监控页面的高度和预设的目标素材的高度之和,和/或,所述位置信息大于所述目标素材的高度,其中,所述目标素材为正常展示状态下的所述显示视图;
若所述位置信息符合所述目标条件,则所述监控结果为第一展示结果,其中,所述第一展示结果指示所述显示视图在所述待监控页面中正常展示。
3.如权利要求2所述的显示视图监控方法,其特征在于,在所述根据所述位置信息对所述显示视图在所述待监控页面的展示状态进行监控之前,所述显示视图监控方法还包括:
监控所述待监控页面的宽度是否大于或等于目标素材的宽度,且监控所述待监控页面的高度是否大于或等于所述目标素材的高度;
若所述待监控页面的宽度大于或等于所述目标素材的宽度,且所述待监控页面的高度大于或等于所述目标素材的高度,则执行所述根据所述位置信息对所述显示视图在所述待监控页面的展示状态进行监控的步骤。
4.如权利要求1-3任一项所述的显示视图监控方法,其特征在于,在所述根据所述位置信息对所述显示视图在所述待监控页面的展示状态进行监控之前,所述显示视图监控方法还包括:
判断所述待监控页面所对应的展示终端是否支持JavaScript;
若所述展示终端支持所述JavaScript,则执行所述根据所述位置信息对所述显示视图在所述待监控页面的展示状态进行监控的步骤。
5.如权利要求2所述的显示视图监控方法,其特征在于,在所述若所述位置信息符合所述目标条件之后,所述显示视图监控方法还包括:
在所述显示视图中对与所述监控节点在同一层的元素节点进行遍历,将与所述目标素材的宽度和高度相匹配的元素节点确定显示容器节点;
判断所述显示容器节点的可视化属性是否符合预设的目标属性;
若所述显示容器节点的可视化属性符合所述目标属性,则所述监控结果为第一展示结果,其中,所述第一展示结果指示所述显示视图在所述待监控页面正常展示。
6.如权利要求2所述的显示视图监控方法,其特征在于,在所述判断所述位置信息是否符合预设的目标条件之后,所述显示视图监控方法还包括:
若所述位置信息小于或等于所述目标素材的高度,则在所述显示视图中对与所述监控节点在同一层的元素节点进行遍历;
判断所述元素节点中是否存在分别与所述目标素材的宽度和高度相匹配的目标元素节点;
若所述元素节点中存在分别与所述目标素材的宽度和高度相匹配的目标元素节点,则所述监控结果为第一展示结果,其中,所述第一展示结果指示所述显示视图在所述待监控页面正常展示。
7.一种显示视图监控装置,其特征在于,包括:
位置信息获取模块,用于获取显示视图中预设的监控节点的位置信息,其中,所述显示视图展示在待监控页面上;
第一监控模块,用于根据所述位置信息对所述显示视图在所述待监控页面的展示状态进行监控,得到监控结果。
8.如权利要求7所述的显示视图监控装置,其特征在于,所述第一监控模块包括:
第一判断单元,用于判断所述位置信息是否符合预设的目标条件,所述目标条件包括:所述位置信息小于所述待监控页面的高度和预设的目标素材的高度之和,和/或,所述位置信息大于所述目标素材的高度,其中,所述目标素材为正常展示状态下的所述显示视图;
第一监控结果生成单元,用于在所述位置信息符合所述目标条件时,所述监控结果为第一展示结果,其中,所述第一展示结果指示所述显示视图在所述待监控页面中正常展示。
9.一种计算机设备,包括存储器、处理器以及存储在所述存储器中并可在所述处理器上运行的计算机程序,其特征在于,所述处理器执行所述计算机程序时实现如权利要求1至6任一项所述显示视图监控方法。
10.一种计算机可读存储介质,所述计算机可读存储介质存储有计算机程序,其特征在于,所述计算机程序被处理器执行时实现如权利要求1至6任一项所述显示视图监控方法。
Priority Applications (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN201911121133.3A CN111045763A (zh) | 2019-11-15 | 2019-11-15 | 显示视图监控方法、装置、计算机设备及存储介质 |
Applications Claiming Priority (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN201911121133.3A CN111045763A (zh) | 2019-11-15 | 2019-11-15 | 显示视图监控方法、装置、计算机设备及存储介质 |
Publications (1)
Publication Number | Publication Date |
---|---|
CN111045763A true CN111045763A (zh) | 2020-04-21 |
Family
ID=70233031
Family Applications (1)
Application Number | Title | Priority Date | Filing Date |
---|---|---|---|
CN201911121133.3A Pending CN111045763A (zh) | 2019-11-15 | 2019-11-15 | 显示视图监控方法、装置、计算机设备及存储介质 |
Country Status (1)
Country | Link |
---|---|
CN (1) | CN111045763A (zh) |
Citations (4)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
US20120323680A1 (en) * | 2009-12-22 | 2012-12-20 | Xin Zhou | Display of advertisements |
CN103679487A (zh) * | 2012-09-05 | 2014-03-26 | 阿里巴巴集团控股有限公司 | 广告展示的监控方法和设备 |
CN106470360A (zh) * | 2015-08-20 | 2017-03-01 | 腾讯科技(深圳)有限公司 | 一种视频播放器调用方法及装置 |
CN109816447A (zh) * | 2019-01-25 | 2019-05-28 | 深圳市丰巢科技有限公司 | 柜机广告的智能监控方法、装置和存储介质 |
-
2019
- 2019-11-15 CN CN201911121133.3A patent/CN111045763A/zh active Pending
Patent Citations (4)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
US20120323680A1 (en) * | 2009-12-22 | 2012-12-20 | Xin Zhou | Display of advertisements |
CN103679487A (zh) * | 2012-09-05 | 2014-03-26 | 阿里巴巴集团控股有限公司 | 广告展示的监控方法和设备 |
CN106470360A (zh) * | 2015-08-20 | 2017-03-01 | 腾讯科技(深圳)有限公司 | 一种视频播放器调用方法及装置 |
CN109816447A (zh) * | 2019-01-25 | 2019-05-28 | 深圳市丰巢科技有限公司 | 柜机广告的智能监控方法、装置和存储介质 |
Similar Documents
Publication | Publication Date | Title |
---|---|---|
CN108427731B (zh) | 页面代码的处理方法、装置、终端设备及介质 | |
WO2020118485A1 (en) | Method of Detecting User Interface Layout Issues for Web Applications | |
JP2013084259A (ja) | ウェブ・ブラウザー画面の段階的な視覚的比較 | |
CN112445693B (zh) | 一种页面更新检测方法、装置、设备及存储介质 | |
CN113282488B (zh) | 终端的测试方法及装置、存储介质、终端 | |
CN111291533B (zh) | 待显示句段的显示方法、装置、计算机设备和存储介质 | |
CN108121648B (zh) | 一种界面错误监控方法 | |
CN113986426B (zh) | 图像检测方法、装置、可读介质及电子设备 | |
CN115185839A (zh) | 页面检测方法、装置、设备、介质 | |
CN107391140B (zh) | 一种存储设备的图片显示的方法和系统 | |
CN111367518A (zh) | 页面布局方法、装置、计算设备及计算机存储介质 | |
CN111970570B (zh) | 一种提示视频内容互动位置的方法及装置 | |
CN105701124A (zh) | 一种提供提示信息的方法及装置 | |
CN111045763A (zh) | 显示视图监控方法、装置、计算机设备及存储介质 | |
CN111782324A (zh) | 应用界面跳转方法、装置、设备以及计算机可读存储介质 | |
CN111783007A (zh) | 一种显示渲染方法、装置、电子设备及存储介质 | |
CN108363814B (zh) | 标签设置方法、服务器及标签设置系统 | |
US9898444B1 (en) | Image comparison for user interface testing | |
CN115525270A (zh) | 基于拖拽渲染表单页面的方法、系统、终端设备及存储介质 | |
CN110187881B (zh) | 一种异形窗口创建方法、系统、装置及计算机存储介质 | |
US20160342570A1 (en) | Document presentation qualified by conditions evaluated on rendering | |
CN108520179B (zh) | 一种webview漏洞的处理方法和装置 | |
CN112734876A (zh) | 图形绘制方法、装置、电子设备及存储介质 | |
CN107092485B (zh) | 一种Tab标签动态更新方法及装置 | |
US10685039B2 (en) | Methods and system for comparing data of an electronic dataset |
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 | ||
RJ01 | Rejection of invention patent application after publication |
Application publication date: 20200421 |
|
RJ01 | Rejection of invention patent application after publication |