CN109885446A - 确定网站页面显示状态的方法及装置 - Google Patents
确定网站页面显示状态的方法及装置 Download PDFInfo
- Publication number
- CN109885446A CN109885446A CN201811595459.5A CN201811595459A CN109885446A CN 109885446 A CN109885446 A CN 109885446A CN 201811595459 A CN201811595459 A CN 201811595459A CN 109885446 A CN109885446 A CN 109885446A
- Authority
- CN
- China
- Prior art keywords
- mentioned
- page
- screenshot
- difference ratio
- current page
- 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
Landscapes
- Information Transfer Between Computers (AREA)
Abstract
本发明公开了一种确定网站页面显示状态的方法及装置。其中,该方法包括:在确定目标网页更新后,采用目标浏览器获取上述目标网页的当前页面的当前页面截图,上述目标浏览器至少包括:无界面浏览器;获取上述当前页面截图的第一标识数据和基准页面截图的第二标识数据,上述基准页面截图为处于显示正常状态的网页页面的截图;确定上述第一标识数据与上述第二标识数据之间的差异比例值;依据上述差异比例值确定上述当前页面是否处于显示异常状态。本发明解决了现有技术中监控网页的页面显示是否异常的方式,执行环境较复杂且耗时较长的技术问题。
Description
技术领域
本发明涉及网页监控技术领域,具体而言,涉及一种确定网站页面显示状态的方法及装置。
背景技术
在互联网行业中,一个网站通常由几十乃至几百个具体的网页组成。由于需求不断更新,开发人员会频繁修改网页的结构、样式、内容等元素。
由于网页数量较多,在内部测试中往往不能对网页进行全部检查,且测试环境与线上环境存在差异,所以在更新的网页发布到线上后,有时会出现页面显示异常的情况。因此,需要在更新的网页发布到线上之后,实时的监控网页的页面显示是否异常。
现有技术中所公开的实现方法,是以一种自动化测试框架selenium webdriver,启动真实浏览器后进行页面截图再进行图片对比,执行环境较复杂,且耗时较长;在网页过长,超过一个屏幕的长度时,无法截取屏幕未显示的部分;缺少基准图片的自动迭代更新机制和异常报警机制,只能人工指定和更新基准图片。
针对上述的问题,目前尚未提出有效的解决方案。
发明内容
本发明实施例提供了一种确定网站页面显示状态的方法及装置,以至少解决现有技术中监控网页的页面显示是否异常的方式,执行环境较复杂且耗时较长的技术问题。
根据本发明实施例的一个方面,提供了一种确定网站页面显示状态的方法,包括:在确定目标网页更新后,采用目标浏览器获取上述目标网页的当前页面的当前页面截图,上述目标浏览器至少包括:无界面浏览器;获取上述当前页面截图的第一标识数据和基准页面截图的第二标识数据,上述基准页面截图为处于显示正常状态的网页页面的截图;确定上述第一标识数据与上述第二标识数据之间的差异比例值;依据上述差异比例值确定上述当前页面是否处于显示异常状态。
进一步地,在采用目标浏览器获取上述目标网页的当前页面的当前页面截图之前,上述方法还包括:初始化上述目标浏览器;采用上述目标浏览器获取上述处于显示正常状态的网页页面的截图,作为上述基准页面截图;存储上述基准页面截图至预定存储位置,其中,从上述预定存储位置获取上述基准页面截图。
进一步地,获取上述当前页面截图的第一标识数据和基准页面截图的第二标识数据,包括:采用目标图形方法库和灰度图像算法,获取上述第一标识数据和第二标识数据,其中,上述目标图形方法库至少包括:基于超文本处理器PHP的GD2图形方法库;上述第一标识数据至少包括:用于唯一标识上述当前页面截图的第一特征指纹字符串数据,上述第二标识数据至少包括:用于唯一标识上述基准页面截图的第二特征指纹字符串数据。
进一步地,确定上述第一标识数据与上述第二标识数据之间的差异比例值,包括:计算上述第一特征指纹字符串数据和上述第二特征指纹字符串数据之间的上述差异比例值,其中,上述差异比例值至少包括:差异比例百分比值;在依据上述差异比例值确定上述当前页面是否处于显示异常状态之前,上述方法还包括:预先设置差异比例阈值,其中,上述差异比例阈值用于反映上述当前页面是否处于显示异常状态。
进一步地,依据上述差异比例值确定上述当前页面是否处于显示异常状态,包括:比对上述差异比例值与上述差异比例阈值;若比对结果指示上述差异比例值大于上述差异比例阈值,则确定上述当前页面处于上述显示异常状态;若上述比对结果指示上述差异比例值小于或等于上述差异比例阈值,则确定上述当前页面未处于上述显示异常状态。
进一步地,在确定上述当前页面处于上述显示异常状态之后,上述方法还包括:输出告警信息进行告警,其中,上述告警信息用于提示目标对象对上述当前页面进行异常处理;在确定上述当前页面未处于上述显示异常状态之后,上述方法还包括:将上述当前页面截图设置为上述基准页面截图。
进一步地,上述显示异常状态包含以下至少之一:页面排版错乱、图片缺失、内容错行、页面比例过大、页面比例过小。
根据本发明实施例的另一方面,还提供了一种确定网站页面显示状态的装置,包括:第一获取模块,用于在确定目标网页更新后,采用目标浏览器获取上述目标网页的当前页面的当前页面截图,上述目标浏览器至少包括:无界面浏览器;第二获取模块,用于获取上述当前页面截图的第一标识数据和基准页面截图的第二标识数据,上述基准页面截图为处于显示正常状态的网页页面的截图;第一确定模块,用于确定上述第一标识数据与上述第二标识数据之间的差异比例值;第二确定模块,用于依据上述差异比例值确定上述当前页面是否处于显示异常状态。
根据本发明实施例的另一方面,还提供了一种存储介质,上述存储介质包括存储的程序,其中,在上述程序运行时控制上述存储介质所在设备执行任意一项上述的确定网站页面显示状态方法。
根据本发明实施例的另一方面,还提供了一种处理器,上述处理器用于运行程序,其中,上述程序运行时执行任意一项上述的确定网站页面显示状态方法。
在本发明实施例中,通过在确定目标网页更新后,采用目标浏览器获取上述目标网页的当前页面的当前页面截图,上述目标浏览器至少包括:无界面浏览器;获取上述当前页面截图的第一标识数据和基准页面截图的第二标识数据,上述基准页面截图为处于显示正常状态的网页页面的截图;确定上述第一标识数据与上述第二标识数据之间的差异比例值;依据上述差异比例值确定上述当前页面是否处于显示异常状态,通过采用无界面浏览器完整截图的方式,达到了执行速度更快且监控结果更准确全面的目的,从而实现了提高监控网页的页面显示状态的准确性和实时性的技术效果,进而解决了现有技术中监控网页的页面显示是否异常的方式,执行环境较复杂且耗时较长的技术问题。
附图说明
此处所说明的附图用来提供对本发明的进一步理解,构成本申请的一部分,本发明的示意性实施例及其说明用于解释本发明,并不构成对本发明的不当限定。在附图中:
图1是根据本发明实施例的一种确定网站页面显示状态的方法的流程图;
图2是根据本发明实施例的一种可选的确定网站页面显示状态的方法的流程图;
图3是根据本发明实施例的一种可选的确定网站页面显示状态的方法的流程图;
图4是根据本发明实施例的一种确定网站页面显示状态的装置的结构示意图。
具体实施方式
为了使本技术领域的人员更好地理解本发明方案,下面将结合本发明实施例中的附图,对本发明实施例中的技术方案进行清楚、完整地描述,显然,所描述的实施例仅仅是本发明一部分的实施例,而不是全部的实施例。基于本发明中的实施例,本领域普通技术人员在没有做出创造性劳动前提下所获得的所有其他实施例,都应当属于本发明保护的范围。
需要说明的是,本发明的说明书和权利要求书及上述附图中的术语“第一”、“第二”等是用于区别类似的对象,而不必用于描述特定的顺序或先后次序。应该理解这样使用的数据在适当情况下可以互换,以便这里描述的本发明的实施例能够以除了在这里图示或描述的那些以外的顺序实施。此外,术语“包括”和“具有”以及他们的任何变形,意图在于覆盖不排他的包含,例如,包含了一系列步骤或单元的过程、方法、***、产品或设备不必限于清楚地列出的那些步骤或单元,而是可包括没有清楚地列出的或对于这些过程、方法、产品或设备固有的其它步骤或单元。
首先,为方便理解本发明实施例,下面将对本发明中所涉及的部分术语或名词进行解释说明:
PhantomJs:是一个基于webkit的JavaScript API,使用Qtwebkit作为它核心浏览器的功能,不仅作为一个隐形浏览器提供诸如CSS选择器、支持Web标准、DOM操作、JSON、HTML5、Canvas、SVG等功能,同时还提供了处理文件I/O的操作功能。
无界面浏览器:即无需图形界面环境下的浏览器。
实施例1
根据本发明实施例,提供了一种确定网站页面显示状态的方法的实施例,需要说明的是,在附图的流程图示出的步骤可以在诸如一组计算机可执行指令的计算机***中执行,并且,虽然在流程图中示出了逻辑顺序,但是在某些情况下,可以以不同于此处的顺序执行所示出或描述的步骤。
图1是根据本发明实施例的一种确定网站页面显示状态的方法的流程图,如图1所示,该方法包括如下步骤:
步骤S102,在确定目标网页更新后,采用目标浏览器获取上述目标网页的当前页面的当前页面截图,上述目标浏览器至少包括:无界面浏览器;
步骤S104,获取上述当前页面截图的第一标识数据和基准页面截图的第二标识数据,上述基准页面截图为处于显示正常状态的网页页面的截图;
步骤S106,确定上述第一标识数据与上述第二标识数据之间的差异比例值;
步骤S108,依据上述差异比例值确定上述当前页面是否处于显示异常状态。
需要说明的是,可以但不限于在服务器上部署自动运行脚本实施本申请实施例所提供的确定网站页面显示状态的方法,以实现对网站页面的定时监控,若监控到网站页面是否处于显示异常状态则进行告警;还可以在每次更新的网站页面发布上线后,人工运行本申请实施例所提供的确定网站页面显示状态的方法,以实现对网站页面的定时监控。
在一种可选的实施例中,上述显示异常状态包含以下至少之一:页面排版错乱、图片缺失、内容错行、页面比例过大、页面比例过小。
可选的,在确定目标网页更新后,可以采用开源工具PhantomJs以无界面浏览器获取上述目标网页的当前页面的当前页面截图,上述当前页面截图和上述基准页面截图均为包含显示屏未显示页面的完整截图。
如果上述目标网页的当前页面过长,例如,超过一个屏幕的显示长度,那么屏幕中未展示的部分也将被一起截取成一张完整图片,也即,上述当前页面截图为一张完整的图片。
仍需要说明的是,上述PhantomJs还可以但不限于用于网络监控、页面截屏、无需浏览器的Web测试、页面访问自动化等。
可选的,上述第一标识数据至少包括:用于唯一标识上述当前页面截图的第一特征指纹字符串数据,上述第二标识数据至少包括:用于唯一标识上述基准页面截图的第二特征指纹字符串数据。
在本申请实施例中,可以但不限于计算上述第一特征指纹字符串数据和上述第二特征指纹字符串数据之间的上述差异比例值,并通过比对上述差异比例值与预先确定的差异比例阈值;若比对结果指示上述差异比例值大于上述差异比例阈值,则确定上述当前页面处于上述显示异常状态;若上述比对结果指示上述差异比例值小于或等于上述差异比例阈值,则确定上述当前页面未处于上述显示异常状态。
在本发明实施例中,通过在确定目标网页更新后,采用目标浏览器获取上述目标网页的当前页面的当前页面截图,上述目标浏览器至少包括:无界面浏览器;获取上述当前页面截图的第一标识数据和基准页面截图的第二标识数据,上述基准页面截图为处于显示正常状态的网页页面的截图;确定上述第一标识数据与上述第二标识数据之间的差异比例值;依据上述差异比例值确定上述当前页面是否处于显示异常状态,通过采用无界面浏览器完整截图的方式,达到了执行速度更快且监控结果更准确全面的目的,从而实现了提高监控网页的页面显示状态的准确性和实时性的技术效果,进而解决了现有技术中监控网页的页面显示是否异常的方式,执行环境较复杂且耗时较长的技术问题。
在一种可选的实施例中,图2是根据本发明实施例的一种可选的确定网站页面显示状态的方法的流程图,如图2所示,在采用目标浏览器获取上述目标网页的当前页面的当前页面截图之前,上述方法还包括:
步骤S202,初始化上述目标浏览器;
步骤S204,采用上述目标浏览器获取上述处于显示正常状态的网页页面的截图,作为上述基准页面截图;
步骤S206,存储上述基准页面截图至预定存储位置,其中,从上述预定存储位置获取上述基准页面截图。
在上述可选的实施例中,可以在获取基准页面截图之前,先初始化上诉目标浏览器,也即,无界面浏览器;并采用上述初始化之后的目标浏览器获取上述处于显示正常状态的网页页面的截图,作为上述基准页面截图。
可选的,可以采用开源工具PhantomJs以无界面浏览器对人工确认为处于显示正常状态的网页页面进行截图,如果上述处于显示正常状态的网页页面过长,例如,超过一个屏幕的显示长度,那么屏幕中未展示的部分也将被一起截取成一张完整图片,也即,上述基准页面截图为一张完整的图片。
此外,通过将上述基准页面截图至预定存储位置,可以在比对当前页面截图和基准页面截图的情况下,从上述预定存储位置获取上述基准页面截图。
在一种可选的实施例中,获取上述当前页面截图的第一标识数据和基准页面截图的第二标识数据,包括:步骤S302,采用目标图形方法库和灰度图像算法,获取上述第一标识数据和第二标识数据。
在上述步骤S302中,上述目标图形方法库至少包括:基于超文本处理器PHP的GD2图形方法库;上述第一标识数据至少包括:用于唯一标识上述当前页面截图的第一特征指纹字符串数据,上述第二标识数据至少包括:用于唯一标识上述基准页面截图的第二特征指纹字符串数据。
可选的,基于超文本处理器PHP的GD2图形方法库用于动态的处理图像;上述灰度图像算法可以但不限于为灰度图像浮点算法、灰度图像二值法等,仍需要说明的是,上述图像灰度算法还可以为现有技术中的任意一种灰度图像算法,本申请实施例对此并不具体限定,也可以实现本申请实施例为准。
可选的,上述第一特征指纹字符串数据和第二特征指纹字符串数据均可以为代表一张图片唯一性的md5字符串。
在一种可选的实施例中,确定上述第一标识数据与上述第二标识数据之间的差异比例值,包括:计算上述第一特征指纹字符串数据和上述第二特征指纹字符串数据之间的上述差异比例值,其中,上述差异比例值至少包括:差异比例百分比值;在依据上述差异比例值确定上述当前页面是否处于显示异常状态之前,上述方法还包括:预先设置差异比例阈值,其中,上述差异比例阈值用于反映上述当前页面是否处于显示异常状态。
可选的,上述差异比例阈值可以但不限于设置为25%-40%,例如,可以默认为30%。
在一种可选的实施例中,依据上述差异比例值确定上述当前页面是否处于显示异常状态,包括:
步骤S402,比对上述差异比例值与上述差异比例阈值;
步骤S404,若比对结果指示上述差异比例值大于上述差异比例阈值,则确定上述当前页面处于上述显示异常状态;
步骤S406,若上述比对结果指示上述差异比例值小于或等于上述差异比例阈值,则确定上述当前页面未处于上述显示异常状态。
在本申请实施例中,可以但不限于通过比对上述差异比例值与预先确定的差异比例阈值,确定上述当前页面是否处于显示异常状态;若比对结果指示上述差异比例值大于上述差异比例阈值,则确定上述当前页面处于上述显示异常状态;若上述比对结果指示上述差异比例值小于或等于上述差异比例阈值,则确定上述当前页面未处于上述显示异常状态。
在一种可选的实施例中,在确定上述当前页面处于上述显示异常状态之后,上述方法还包括:步骤S502,输出告警信息进行告警,其中,上述告警信息用于提示目标对象对上述当前页面进行异常处理。
通过上述可选的实施例,在确定上述当前页面处于上述显示异常状态之后,输出告警信息进行告警,以提示目标对象对上述当前页面进行异常处理,可以实现异常状态下自动告警,有利于更快的处理问题。
在另一种可选的实施例中,在确定上述当前页面未处于上述显示异常状态之后,上述方法还包括:步骤S504,将上述当前页面截图设置为上述基准页面截图。
通过上述可选的实施例,在确定上述当前页面未处于上述显示异常状态之后,将上述当前页面截图设置为上述基准页面截图;可以实现基准页面截图的自动迭代更新,减少了人工干预的工作量。
以下通过一种可选的实施例,对本申请实施例所提供的确定网站页面显示状态的方法进行阐述,图3是根据本发明实施例的一种可选的确定网站页面显示状态的方法的流程图,如图3所示,上述可选的确定网站页面显示状态的方法,包括以下方法步骤:
步骤S602,初始化目标浏览器;
可选的,上述目标浏览器至少包括:无界面浏览器。
步骤S604,采用目标浏览器获取处于显示正常状态的网页页面的截图,作为基准页面截图;
步骤S606,存储基准页面截图至预定存储位置;
步骤S608,在确定目标网页更新后,采用目标浏览器获取目标网页的当前页面的当前页面截图;
步骤S610,采用目标图形方法库和灰度图像算法,获取当前页面截图的第一标识数据和基准页面截图的第二标识数据;
步骤S612,确定第一标识数据与第二标识数据之间的差异比例值;
可选的,目标图形方法库至少包括:基于超文本处理器PHP的GD2图形方法库;第一标识数据至少包括:用于唯一标识当前页面截图的第一特征指纹字符串数据,第二标识数据至少包括:用于唯一标识基准页面截图的第二特征指纹字符串数据。
在一种可选的实施例中,可以计算得到第一特征指纹字符串数据和第二特征指纹字符串数据之间的差异比例值。
在另一种可选的实施例中,在依据差异比例值确定当前页面是否处于显示异常状态之前,预先设置差异比例阈值,其中,差异比例阈值用于反映当前页面是否处于显示异常状态。
步骤S614,比对差异比例值与差异比例阈值;
步骤S616,若比对结果指示差异比例值大于差异比例阈值,则确定当前页面处于显示异常状态;
步骤S618,若比对结果指示差异比例值小于或等于差异比例阈值,则确定当前页面未处于显示异常状态;
其中,在执行上述步骤S616之后,执行步骤S620;在执行上述步骤S618之后,执行步骤S622。
步骤S620,输出告警信息进行告警,其中,告警信息用于提示目标对象对当前页面进行异常处理。
步骤S622,将当前页面截图设置为基准页面截图。
实施例2
根据本发明实施例,还提供了一种用于实施上述确定网站页面显示状态的方法的装置实施例,图4是根据本发明实施例的一种确定网站页面显示状态的装置的结构示意图,如图4所示,上述确定网站页面显示状态的装置,包括:第一获取模块40、第二获取模块42、第一确定模块44和第二确定模块46,其中:
第一获取模块40,用于在确定目标网页更新后,采用目标浏览器获取上述目标网页的当前页面的当前页面截图,上述目标浏览器至少包括:无界面浏览器;第二获取模块42,用于获取上述当前页面截图的第一标识数据和基准页面截图的第二标识数据,上述基准页面截图为处于显示正常状态的网页页面的截图;第一确定模块44,用于确定上述第一标识数据与上述第二标识数据之间的差异比例值;第二确定模块46,用于依据上述差异比例值确定上述当前页面是否处于显示异常状态。
需要说明的是,上述各个模块是可以通过软件或硬件来实现的,例如,对于后者,可以通过以下方式实现:上述各个模块可以位于同一处理器中;或者,上述各个模块以任意组合的方式位于不同的处理器中。
此处需要说明的是,上述第一获取模块40、第二获取模块42、第一确定模块44和第二确定模块46对应于实施例1中的步骤S102至步骤S108,上述模块与对应的步骤所实现的实例和应用场景相同,但不限于上述实施例1所公开的内容。需要说明的是,上述模块作为装置的一部分可以运行在计算机终端中。
需要说明的是,本实施例的可选或优选实施方式可以参见实施例1中的相关描述,此处不再赘述。
上述的确定网站页面显示状态的装置还可以包括处理器和存储器,上述第一获取模块40、第二获取模块42、第一确定模块44和第二确定模块46等均作为程序单元存储在存储器中,由处理器执行存储在存储器中的上述程序单元来实现相应的功能。
处理器中包含内核,由内核去存储器中调取相应的程序单元,上述内核可以设置一个或以上。存储器可能包括计算机可读介质中的非永久性存储器,随机存取存储器(RAM)和/或非易失性内存等形式,如只读存储器(ROM)或闪存(flash RAM),存储器包括至少一个存储芯片。
根据本申请实施例,还提供了一种存储介质实施例。可选地,在本实施例中,上述存储介质包括存储的程序,其中,在上述程序运行时控制上述存储介质所在设备执行上述任意一种确定网站页面显示状态的方法。
可选地,在本实施例中,上述存储介质可以位于计算机网络中计算机终端群中的任意一个计算机终端中,或者位于移动终端群中的任意一个移动终端中,上述存储介质包括存储的程序。
可选地,在程序运行时控制存储介质所在设备执行以下功能:在确定目标网页更新后,采用目标浏览器获取上述目标网页的当前页面的当前页面截图,上述目标浏览器至少包括:无界面浏览器;获取上述当前页面截图的第一标识数据和基准页面截图的第二标识数据,上述基准页面截图为处于显示正常状态的网页页面的截图;确定上述第一标识数据与上述第二标识数据之间的差异比例值;依据上述差异比例值确定上述当前页面是否处于显示异常状态。
可选地,在程序运行时控制存储介质所在设备执行以下功能:初始化上述目标浏览器;采用上述目标浏览器获取上述处于显示正常状态的网页页面的截图,作为上述基准页面截图;存储上述基准页面截图至预定存储位置,其中,从上述预定存储位置获取上述基准页面截图。
可选地,在程序运行时控制存储介质所在设备执行以下功能:采用目标图形方法库和灰度图像算法,获取上述第一标识数据和第二标识数据,其中,上述目标图形方法库至少包括:基于超文本处理器PHP的GD2图形方法库;上述第一标识数据至少包括:用于唯一标识上述当前页面截图的第一特征指纹字符串数据,上述第二标识数据至少包括:用于唯一标识上述基准页面截图的第二特征指纹字符串数据。
可选地,在程序运行时控制存储介质所在设备执行以下功能:计算上述第一特征指纹字符串数据和上述第二特征指纹字符串数据之间的上述差异比例值,其中,上述差异比例值至少包括:差异比例百分比值;在依据上述差异比例值确定上述当前页面是否处于显示异常状态之前,上述方法还包括:预先设置差异比例阈值,其中,上述差异比例阈值用于反映上述当前页面是否处于显示异常状态。
可选地,在程序运行时控制存储介质所在设备执行以下功能:比对上述差异比例值与上述差异比例阈值;若比对结果指示上述差异比例值大于上述差异比例阈值,则确定上述当前页面处于上述显示异常状态;若上述比对结果指示上述差异比例值小于或等于上述差异比例阈值,则确定上述当前页面未处于上述显示异常状态。
可选地,在程序运行时控制存储介质所在设备执行以下功能:输出告警信息进行告警,其中,上述告警信息用于提示目标对象对上述当前页面进行异常处理;在确定上述当前页面未处于上述显示异常状态之后,上述方法还包括:将上述当前页面截图设置为上述基准页面截图。
根据本申请实施例,还提供了一种处理器实施例。可选地,在本实施例中,上述处理器用于运行程序,其中,上述程序运行时执行上述任意一种确定网站页面显示状态的方法。
本申请实施例提供了一种设备,设备包括处理器、存储器及存储在存储器上并可在处理器上运行的程序,处理器执行程序时实现以下步骤:在确定目标网页更新后,采用目标浏览器获取上述目标网页的当前页面的当前页面截图,上述目标浏览器至少包括:无界面浏览器;获取上述当前页面截图的第一标识数据和基准页面截图的第二标识数据,上述基准页面截图为处于显示正常状态的网页页面的截图;确定上述第一标识数据与上述第二标识数据之间的差异比例值;依据上述差异比例值确定上述当前页面是否处于显示异常状态。
可选地,上述处理器执行程序时,还可以初始化上述目标浏览器;采用上述目标浏览器获取上述处于显示正常状态的网页页面的截图,作为上述基准页面截图;存储上述基准页面截图至预定存储位置,其中,从上述预定存储位置获取上述基准页面截图。
可选地,上述处理器执行程序时,还可以采用目标图形方法库和灰度图像算法,获取上述第一标识数据和第二标识数据,其中,上述目标图形方法库至少包括:基于超文本处理器PHP的GD2图形方法库;上述第一标识数据至少包括:用于唯一标识上述当前页面截图的第一特征指纹字符串数据,上述第二标识数据至少包括:用于唯一标识上述基准页面截图的第二特征指纹字符串数据。
可选地,上述处理器执行程序时,还可以计算上述第一特征指纹字符串数据和上述第二特征指纹字符串数据之间的上述差异比例值,其中,上述差异比例值至少包括:差异比例百分比值;在依据上述差异比例值确定上述当前页面是否处于显示异常状态之前,上述方法还包括:预先设置差异比例阈值,其中,上述差异比例阈值用于反映上述当前页面是否处于显示异常状态。
可选地,上述处理器执行程序时,还可以比对上述差异比例值与上述差异比例阈值;若比对结果指示上述差异比例值大于上述差异比例阈值,则确定上述当前页面处于上述显示异常状态;若上述比对结果指示上述差异比例值小于或等于上述差异比例阈值,则确定上述当前页面未处于上述显示异常状态。
可选地,上述处理器执行程序时,还可以输出告警信息进行告警,其中,上述告警信息用于提示目标对象对上述当前页面进行异常处理;在确定上述当前页面未处于上述显示异常状态之后,上述方法还包括:将上述当前页面截图设置为上述基准页面截图。
本申请还提供了一种计算机程序产品,当在数据处理设备上执行时,适于执行初始化有如下方法步骤的程序:在确定目标网页更新后,采用目标浏览器获取上述目标网页的当前页面的当前页面截图,上述目标浏览器至少包括:无界面浏览器;获取上述当前页面截图的第一标识数据和基准页面截图的第二标识数据,上述基准页面截图为处于显示正常状态的网页页面的截图;确定上述第一标识数据与上述第二标识数据之间的差异比例值;依据上述差异比例值确定上述当前页面是否处于显示异常状态。
可选地,上述计算机程序产品执行程序时,还可以初始化上述目标浏览器;采用上述目标浏览器获取上述处于显示正常状态的网页页面的截图,作为上述基准页面截图;存储上述基准页面截图至预定存储位置,其中,从上述预定存储位置获取上述基准页面截图。
可选地,上述计算机程序产品执行程序时,还可以采用目标图形方法库和灰度图像算法,获取上述第一标识数据和第二标识数据,其中,上述目标图形方法库至少包括:基于超文本处理器PHP的GD2图形方法库;上述第一标识数据至少包括:用于唯一标识上述当前页面截图的第一特征指纹字符串数据,上述第二标识数据至少包括:用于唯一标识上述基准页面截图的第二特征指纹字符串数据。
可选地,上述计算机程序产品执行程序时,还可以计算上述第一特征指纹字符串数据和上述第二特征指纹字符串数据之间的上述差异比例值,其中,上述差异比例值至少包括:差异比例百分比值;在依据上述差异比例值确定上述当前页面是否处于显示异常状态之前,上述方法还包括:预先设置差异比例阈值,其中,上述差异比例阈值用于反映上述当前页面是否处于显示异常状态。
可选地,上述计算机程序产品执行程序时,还可以比对上述差异比例值与上述差异比例阈值;若比对结果指示上述差异比例值大于上述差异比例阈值,则确定上述当前页面处于上述显示异常状态;若上述比对结果指示上述差异比例值小于或等于上述差异比例阈值,则确定上述当前页面未处于上述显示异常状态。
可选地,上述计算机程序产品执行程序时,还可以输出告警信息进行告警,其中,上述告警信息用于提示目标对象对上述当前页面进行异常处理;在确定上述当前页面未处于上述显示异常状态之后,上述方法还包括:将上述当前页面截图设置为上述基准页面截图。
上述本发明实施例序号仅仅为了描述,不代表实施例的优劣。
在本发明的上述实施例中,对各个实施例的描述都各有侧重,某个实施例中没有详述的部分,可以参见其他实施例的相关描述。
在本申请所提供的几个实施例中,应该理解到,所揭露的技术内容,可通过其它的方式实现。其中,以上所描述的装置实施例仅仅是示意性的,例如所述单元的划分,可以为一种逻辑功能划分,实际实现时可以有另外的划分方式,例如多个单元或组件可以结合或者可以集成到另一个***,或一些特征可以忽略,或不执行。另一点,所显示或讨论的相互之间的耦合或直接耦合或通信连接可以是通过一些接口,单元或模块的间接耦合或通信连接,可以是电性或其它的形式。
所述作为分离部件说明的单元可以是或者也可以不是物理上分开的,作为单元显示的部件可以是或者也可以不是物理单元,即可以位于一个地方,或者也可以分布到多个单元上。可以根据实际的需要选择其中的部分或者全部单元来实现本实施例方案的目的。
另外,在本发明各个实施例中的各功能单元可以集成在一个处理单元中,也可以是各个单元单独物理存在,也可以两个或两个以上单元集成在一个单元中。上述集成的单元既可以采用硬件的形式实现,也可以采用软件功能单元的形式实现。
所述集成的单元如果以软件功能单元的形式实现并作为独立的产品销售或使用时,可以存储在一个计算机可读取存储介质中。基于这样的理解,本发明的技术方案本质上或者说对现有技术做出贡献的部分或者该技术方案的全部或部分可以以软件产品的形式体现出来,该计算机软件产品存储在一个存储介质中,包括若干指令用以使得一台计算机设备(可为个人计算机、服务器或者网络设备等)执行本发明各个实施例所述方法的全部或部分步骤。而前述的存储介质包括:U盘、只读存储器(ROM,Read-Only Memory)、随机存取存储器(RAM,Random Access Memory)、移动硬盘、磁碟或者光盘等各种可以存储程序代码的介质。
以上所述仅是本发明的优选实施方式,应当指出,对于本技术领域的普通技术人员来说,在不脱离本发明原理的前提下,还可以做出若干改进和润饰,这些改进和润饰也应视为本发明的保护范围。
Claims (10)
1.一种确定网站页面显示状态的方法,其特征在于,包括:
在确定目标网页更新后,采用目标浏览器获取所述目标网页的当前页面的当前页面截图,所述目标浏览器至少包括:无界面浏览器;
获取所述当前页面截图的第一标识数据和基准页面截图的第二标识数据,所述基准页面截图为处于显示正常状态的网页页面的截图;
确定所述第一标识数据与所述第二标识数据之间的差异比例值;
依据所述差异比例值确定所述当前页面是否处于显示异常状态。
2.根据权利要求1所述的方法,其特征在于,在采用目标浏览器获取所述目标网页的当前页面的当前页面截图之前,所述方法还包括:
初始化所述目标浏览器;
采用所述目标浏览器获取所述处于显示正常状态的网页页面的截图,作为所述基准页面截图;
存储所述基准页面截图至预定存储位置,其中,从所述预定存储位置获取所述基准页面截图。
3.根据权利要求1所述的方法,其特征在于,获取所述当前页面截图的第一标识数据和基准页面截图的第二标识数据,包括:
采用目标图形方法库和灰度图像算法,获取所述第一标识数据和第二标识数据,其中,所述目标图形方法库至少包括:基于超文本处理器PHP的GD2图形方法库;所述第一标识数据至少包括:用于唯一标识所述当前页面截图的第一特征指纹字符串数据,所述第二标识数据至少包括:用于唯一标识所述基准页面截图的第二特征指纹字符串数据。
4.根据权利要求3所述的方法,其特征在于,
确定所述第一标识数据与所述第二标识数据之间的差异比例值,包括:计算所述第一特征指纹字符串数据和所述第二特征指纹字符串数据之间的所述差异比例值,其中,所述差异比例值至少包括:差异比例百分比值;
在依据所述差异比例值确定所述当前页面是否处于显示异常状态之前,所述方法还包括:预先设置差异比例阈值,其中,所述差异比例阈值用于反映所述当前页面是否处于显示异常状态。
5.根据权利要求4所述的方法,其特征在于,依据所述差异比例值确定所述当前页面是否处于显示异常状态,包括:
比对所述差异比例值与所述差异比例阈值;
若比对结果指示所述差异比例值大于所述差异比例阈值,则确定所述当前页面处于所述显示异常状态;
若所述比对结果指示所述差异比例值小于或等于所述差异比例阈值,则确定所述当前页面未处于所述显示异常状态。
6.根据权利要求1至5中任意一项所述的方法,其特征在于,
在确定所述当前页面处于所述显示异常状态之后,所述方法还包括:输出告警信息进行告警,其中,所述告警信息用于提示目标对象对所述当前页面进行异常处理;
在确定所述当前页面未处于所述显示异常状态之后,所述方法还包括:将所述当前页面截图设置为所述基准页面截图。
7.根据权利要求1至5中任意一项所述的方法,其特征在于,所述显示异常状态包含以下至少之一:页面排版错乱、图片缺失、内容错行、页面比例过大、页面比例过小。
8.一种确定网站页面显示状态的装置,其特征在于,包括:
第一获取模块,用于在确定目标网页更新后,采用目标浏览器获取所述目标网页的当前页面的当前页面截图,所述目标浏览器至少包括:无界面浏览器;
第二获取模块,用于获取所述当前页面截图的第一标识数据和基准页面截图的第二标识数据,所述基准页面截图为处于显示正常状态的网页页面的截图;
第一确定模块,用于确定所述第一标识数据与所述第二标识数据之间的差异比例值;
第二确定模块,用于依据所述差异比例值确定所述当前页面是否处于显示异常状态。
9.一种存储介质,其特征在于,所述存储介质包括存储的程序,其中,在所述程序运行时控制所述存储介质所在设备执行权利要求1至7中任意一项所述的确定网站页面显示状态方法。
10.一种处理器,其特征在于,所述处理器用于运行程序,其中,所述程序运行时执行权利要求1至7中任意一项所述的确定网站页面显示状态方法。
Priority Applications (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN201811595459.5A CN109885446A (zh) | 2018-12-25 | 2018-12-25 | 确定网站页面显示状态的方法及装置 |
Applications Claiming Priority (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN201811595459.5A CN109885446A (zh) | 2018-12-25 | 2018-12-25 | 确定网站页面显示状态的方法及装置 |
Publications (1)
Publication Number | Publication Date |
---|---|
CN109885446A true CN109885446A (zh) | 2019-06-14 |
Family
ID=66925224
Family Applications (1)
Application Number | Title | Priority Date | Filing Date |
---|---|---|---|
CN201811595459.5A Pending CN109885446A (zh) | 2018-12-25 | 2018-12-25 | 确定网站页面显示状态的方法及装置 |
Country Status (1)
Country | Link |
---|---|
CN (1) | CN109885446A (zh) |
Cited By (8)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN110609794A (zh) * | 2019-09-12 | 2019-12-24 | 中国联合网络通信集团有限公司 | 页面检测方法及装置 |
CN110879780A (zh) * | 2019-10-25 | 2020-03-13 | 北京奇艺世纪科技有限公司 | 页面异常检测方法、装置、电子设备及可读存储介质 |
CN111401416A (zh) * | 2020-03-05 | 2020-07-10 | 支付宝(杭州)信息技术有限公司 | 异常网站的识别方法、装置和异常对抗行为的识别方法 |
CN112347400A (zh) * | 2019-08-09 | 2021-02-09 | 腾讯科技(深圳)有限公司 | 多语种页面数据的缺失检测方法、装置、设备及存储介质 |
CN112380478A (zh) * | 2020-11-17 | 2021-02-19 | 平安养老保险股份有限公司 | 网页截图方法、装置、计算机设备及计算机可读存储介质 |
CN112948267A (zh) * | 2021-03-31 | 2021-06-11 | 北京房江湖科技有限公司 | 网页测试方法、网页测试***、存储介质及电子设备 |
CN113364602A (zh) * | 2020-03-03 | 2021-09-07 | 阿里巴巴集团控股有限公司 | 一种触发页面故障报警的方法、装置和存储介质 |
WO2024045064A1 (zh) * | 2022-08-31 | 2024-03-07 | 京东方科技集团股份有限公司 | 播放内容的监测方法、主机、***、装置、介质及设备 |
Citations (5)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN104111960A (zh) * | 2013-04-22 | 2014-10-22 | 阿里巴巴集团控股有限公司 | 一种页面的匹配方法和装置 |
US20150347284A1 (en) * | 2014-05-27 | 2015-12-03 | International Business Machines Corporation | Screenshot validation testing |
CN107832428A (zh) * | 2017-11-14 | 2018-03-23 | 北京知行锐景科技有限公司 | 基于网站页面的网页状态监控方法及*** |
CN108595304A (zh) * | 2018-04-19 | 2018-09-28 | 腾讯科技(深圳)有限公司 | 网页监控方法及装置 |
CN108614762A (zh) * | 2016-12-09 | 2018-10-02 | 武汉斗鱼网络科技有限公司 | 一种浏览器测试方法及装置 |
-
2018
- 2018-12-25 CN CN201811595459.5A patent/CN109885446A/zh active Pending
Patent Citations (5)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN104111960A (zh) * | 2013-04-22 | 2014-10-22 | 阿里巴巴集团控股有限公司 | 一种页面的匹配方法和装置 |
US20150347284A1 (en) * | 2014-05-27 | 2015-12-03 | International Business Machines Corporation | Screenshot validation testing |
CN108614762A (zh) * | 2016-12-09 | 2018-10-02 | 武汉斗鱼网络科技有限公司 | 一种浏览器测试方法及装置 |
CN107832428A (zh) * | 2017-11-14 | 2018-03-23 | 北京知行锐景科技有限公司 | 基于网站页面的网页状态监控方法及*** |
CN108595304A (zh) * | 2018-04-19 | 2018-09-28 | 腾讯科技(深圳)有限公司 | 网页监控方法及装置 |
Cited By (8)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN112347400A (zh) * | 2019-08-09 | 2021-02-09 | 腾讯科技(深圳)有限公司 | 多语种页面数据的缺失检测方法、装置、设备及存储介质 |
CN110609794A (zh) * | 2019-09-12 | 2019-12-24 | 中国联合网络通信集团有限公司 | 页面检测方法及装置 |
CN110879780A (zh) * | 2019-10-25 | 2020-03-13 | 北京奇艺世纪科技有限公司 | 页面异常检测方法、装置、电子设备及可读存储介质 |
CN113364602A (zh) * | 2020-03-03 | 2021-09-07 | 阿里巴巴集团控股有限公司 | 一种触发页面故障报警的方法、装置和存储介质 |
CN111401416A (zh) * | 2020-03-05 | 2020-07-10 | 支付宝(杭州)信息技术有限公司 | 异常网站的识别方法、装置和异常对抗行为的识别方法 |
CN112380478A (zh) * | 2020-11-17 | 2021-02-19 | 平安养老保险股份有限公司 | 网页截图方法、装置、计算机设备及计算机可读存储介质 |
CN112948267A (zh) * | 2021-03-31 | 2021-06-11 | 北京房江湖科技有限公司 | 网页测试方法、网页测试***、存储介质及电子设备 |
WO2024045064A1 (zh) * | 2022-08-31 | 2024-03-07 | 京东方科技集团股份有限公司 | 播放内容的监测方法、主机、***、装置、介质及设备 |
Similar Documents
Publication | Publication Date | Title |
---|---|---|
CN109885446A (zh) | 确定网站页面显示状态的方法及装置 | |
CN108459964B (zh) | 测试用例选择方法、装置、设备以及计算机可读存储介质 | |
CN110413510B (zh) | 一种数据处理方法、装置及设备 | |
KR20140091555A (ko) | 웹 페이지 렌더링 시간 측정 기법 | |
CN111741002B (zh) | 一种网络入侵检测模型的训练方法和装置 | |
CN108268296A (zh) | 页面布局的加载方法、客户端和服务器 | |
CN112988557B (zh) | 一种搜索框定位方法、数据采集方法、装置及介质 | |
CN110955590A (zh) | 界面检测方法、图像处理方法、装置、电子设备及存储介质 | |
CN112506581A (zh) | 渲染小程序的方法、装置、电子设备和可读存储介质 | |
CN109062799A (zh) | 广告场景的回归测试方法、装置及*** | |
CN110555488A (zh) | 图像序列的审核方法及***、电子设备和存储介质 | |
CN111652282B (zh) | 基于大数据的用户偏好分析方法、装置及电子设备 | |
CN110365682B (zh) | 一种反作弊方法及装置 | |
CN110716778A (zh) | 应用兼容性测试方法、装置及*** | |
CN111127601A (zh) | 一种动画切换方法、装置、电子设备及存储介质 | |
CN115860877A (zh) | 一种产品营销方法、装置、设备及介质 | |
CN110083510A (zh) | 边缘节点测试方法、电子设备、***及介质 | |
CN108804652A (zh) | 封面图片的生成方法、装置、存储介质和电子装置 | |
CN107920127A (zh) | 处置控制器 | |
CN113886906A (zh) | Cad图纸的加载方法、字体文件替换方法、装置和存储介质 | |
CN109688025B (zh) | 一种基于数字kvm的测试监控方法、装置、终端及存储介质 | |
CN109657523B (zh) | 一种可行驶区域检测方法和装置 | |
CN111124854A (zh) | 一种冒烟测试用例分配方法、***、终端及存储介质 | |
CN106095445B (zh) | 驱动程序的安装方法、装置以及终端 | |
CN106055370B (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 | ||
RJ01 | Rejection of invention patent application after publication |
Application publication date: 20190614 |
|
RJ01 | Rejection of invention patent application after publication |