网页界面白屏监测的方法及装置制造方法及图纸

本申请适用于应用测试技术领域，提供了一种网页界面白屏监测的方法及装置，所述方法包括：监听到跳转至网页界面的跳转指令，加载所述网页界面，在加载所述网页界面的过程中检测是否达到监测条件，当达到监测条件时获取所述网页界面；获取所述网页界面的背景颜色作为锚点色值；检测所述网页界面中每个目标像素点的像素色值是否与所述锚点色值相同；所述目标像素点为所述网页界面中的全部或部分像素点；若所述目标像素点中所述像素色值与所述锚点色值相同的像素数量占比等于或大于预设比例，则生成所述网页界面为白屏的检测结果。本申请实现了及时对网页界面的白屏情况进行监测。

Method and device of white screen monitoring on web interface

【技术实现步骤摘要】
网页界面白屏监测的方法及装置
本申请属于应用测试
，尤其涉及一种网页界面白屏监测的方法及装置。
技术介绍
现如今越来越多的应用程序(Application，APP)会嵌入网页来使产品跨平台、灵活可变、以及减少开发成本。混合模式移动应用(HybridAPP)的兴起是移动互联网产业的一种必然。但是，随着网页曝光率提升的同时，一些问题也被很多人所诟病，例如网页加载错误、超时、或是由于任何原因没有渲染页面而导致的白屏问题等，出现这些问题对用户来说是一种非常不好的体验。好在大部分的网页属于在线页面，所存在的问题可以通过发版部署进行及时修复，因而如何确定网页出现白屏的时机和概率将是解决问题的关键点。但是当前大多数APP开发团队在网页出现白屏问题之后要靠客户的反馈才能获取到异常信息，更严重的是，在等待客户反馈这一漫长的过程中白屏问题已经大面积发生了。
技术实现思路
本申请实施例提供了一种网页界面白屏监测的方法及装置，可以解决相关技术中无法及时监测网页界面发生白屏的技术问题。第一方面，本申请实施例提供了一种网页界面白屏监测的方法，包括：监听到跳转至网页界面的跳转指令，加载所述网页界面，在加载所述网页界面的过程中检测是否达到监测条件，当达到监测条件时获取所述网页界面；获取所述网页界面的背景颜色作为锚点色值；检测所述网页界面中每个目标像素点的像素色值是否与所述锚点色值相同；所述目标像素点为所述网页界面中的全部或部分像素点；若所述目标像素点中所述像素色值与所述锚点色值相同的像素数量占比等于或大于预设比例，则生成所述网页界面为白屏的检测结果。第二方面，本申请实施例提供了一种网页界面白屏监测的装置，包括：监听和检测模块，用于监听到跳转至网页界面的跳转指令，加载所述网页界面，在加载所述网页界面的过程中检测是否达到监测条件，当达到监测条件时获取所述网页界面；锚点色值获取模块，用于获取所述网页界面的背景颜色作为锚点色值；色值检测模块，用于检测所述网页界面中每个目标像素点的像素色值是否与所述锚点色值相同；所述目标像素点为所述网页界面中的全部或部分像素点；结果生成模块，用于若所述目标像素点中所述像素色值与所述锚点色值相同的像素数量占比等于或大于预设比例，则生成所述网页界面为白屏的检测结果。第三方面，本申请实施例提供了一种终端设备，包括：存储器、处理器以及存储在所述存储器中并可在所述处理器上运行的计算机程序，所述处理器执行所述计算机程序时实现如第一方面所述的方法。第四方面，本申请实施例提供了一种计算机可读存储介质，所述计算机可读存储介质存储有计算机程序，所述计算机程序被处理器执行时实现如第一方面所述的方法。第五方面，本申请实施例提供了一种计算机程序产品，当计算机程序产品在终端设备上运行时，使得终端设备执行如第一方面所述的方法。在本申请实施例中，在网页界面加载的过程中，检测是否达到监测条件，当达到监测条件时获取网页界面，再通过网页界面中目标像素点的像素色值与锚点色值进行比对的方式，判定网页界面的加载情况，即判定网页界面是否为白屏，实现了及时对网页界面的白屏情况进行监测，提高了白屏检测的实时性。附图说明为了更清楚地说明本申请实施例中的技术方案，下面将对实施例或现有技术描述中所需要使用的附图作简单地介绍，显而易见地，下面描述中的附图仅仅是本申请的一些实施例，对于本领域普通技术人员来讲，在不付出创造性劳动性的前提下，还可以根据这些附图获得其他的附图。图1是本申请一实施例提供的网页界面白屏监测的方法所适用于的手机的结构示意图；图2是本申请一实施例提供的网页界面白屏监测的方法的流程示意图；图3是本申请一实施例提供的网页界面白屏监测的装置的结构示意图；图4是本申请一实施例提供的网页界面白屏监测的方法所适用于的终端设备的结构示意图。具体实施方式以下描述中，为了说明而不是为了限定，提出了诸如特定系统结构、技术之类的具体细节，以便透彻理解本申请实施例。为了使本
的人员更好地理解本申请方案，下面将结合本申请实施例中的附图，对本申请实施例中的技术方案进行清楚，完整地描述，显然，所描述的实施例仅仅是本申请一部分的实施例，而不是全部的实施例。基于本申请中的实施例，对于本领域普通技术人员来讲，在不付出创造性劳动性的前提下，所获得的所有其他实施例，都应当属于本申请保护的范围。需要说明的是，在不冲突的情况下，本申请中的实施例及实施例中的特征可以相互组合。以下描述中，为了说明而不是为了限定，提出了诸如特定系统结构、技术之类的具体细节，以便透彻理解本申请实施例。然而，本领域的技术人员应当清楚，在没有这些具体细节的其它实施例中也可以实现本申请。在其它情况中，省略对众所周知的系统、装置、电路以及方法的详细说明，以免不必要的细节妨碍本申请的描述。应当理解，当在本申请说明书和所附权利要求书中使用时，术语“包括”指示所描述特征、整体、步骤、操作、元素和/或组件的存在，但并不排除一个或多个其它特征、整体、步骤、操作、元素、组件和/或其集合的存在或添加。还应当理解，在本申请说明书和所附权利要求书中使用的术语“和/或”是指相关联列出的项中的一个或多个的任何组合以及所有可能组合，并且包括这些组合。如在本申请说明书和所附权利要求书中所使用的那样，术语“如果”可以依据上下文被解释为“当...时”或“一旦”或“响应于确定”或“响应于检测到”。类似地，短语“如果确定”或“如果检测到[所描述条件或事件]”可以依据上下文被解释为意指“一旦确定”或“响应于确定”或“一旦检测到[所描述条件或事件]”或“响应于检测到[所描述条件或事件]”。另外，在本申请说明书和所附权利要求书的描述中，术语“第一”、“第二”、“第三”等仅用于区分描述，而不能理解为指示或暗示相对重要性。在本申请说明书中描述的参考“一个实施例”或“一些实施例”等意味着在本申请的一个或多个实施例中包括结合该实施例描述的特定特征、结构或特点。由此，在本说明书中的不同之处出现的语句“在一个实施例中”、“在一些实施例中”、“在其他一些实施例中”、“在另外一些实施例中”等不是必然都参考相同的实施例，而是意味着“一个或多个但不是所有的实施例”，除非是以其他方式另外特别强调。术语“包括”、“包含”、“具有”及它们的变形都意味着“包括但不限于”，除非是以其他方式另外特别强调。本申请实施例提供的网页界面白屏监测的方法可以应用于手机、平板电脑、可穿戴设备、车载设备、增强现实(augmentedreality，AR)/虚拟现实(virtualreality，VR)设备、笔记本电脑、超级移动个人计算机(ultra-mobilepersonalcomputer，UMPC)、上网本、个人数字助理(personaldigitalassistant，PDA)等终端设备上，本申请实施例对终端设备的具体类型不作任何限制。例如本文档来自技高网...

【技术保护点】
1.一种网页界面白屏监测的方法，其特征在于，包括：/n监听到跳转至网页界面的跳转指令，加载所述网页界面，在加载所述网页界面的过程中检测是否达到监测条件，当达到监测条件时获取所述网页界面；/n获取所述网页界面的背景颜色作为锚点色值；/n检测所述网页界面中每个目标像素点的像素色值是否与所述锚点色值相同；所述目标像素点为所述网页界面中的全部或部分像素点；/n若所述目标像素点中所述像素色值与所述锚点色值相同的像素数量占比等于或大于预设比例，则生成所述网页界面为白屏的检测结果。/n

【技术特征摘要】
1.一种网页界面白屏监测的方法，其特征在于，包括：
监听到跳转至网页界面的跳转指令，加载所述网页界面，在加载所述网页界面的过程中检测是否达到监测条件，当达到监测条件时获取所述网页界面；
获取所述网页界面的背景颜色作为锚点色值；
检测所述网页界面中每个目标像素点的像素色值是否与所述锚点色值相同；所述目标像素点为所述网页界面中的全部或部分像素点；
若所述目标像素点中所述像素色值与所述锚点色值相同的像素数量占比等于或大于预设比例，则生成所述网页界面为白屏的检测结果。


2.如权利要求1所述的方法，其特征在于，所述在加载所述网页界面的过程中检测是否达到监测条件，当达到监测条件时获取所述网页界面，包括：
在加载所述网页界面的过程中检测加载时长是否达到预设时长，若检测到所述加载时长达到预设时长时获取所述网页界面；或
在加载所述网页界面的过程中检测所述网页界面的加载状态，若检测到所述加载状态为加载完成状态时获取所述网页界面。


3.如权利要求1所述的方法，其特征在于，所述检测所述网页界面中每个目标像素点的像素色值是否与所述锚点色值相同，包括：
从所述网页界面的像素点中筛选出部分像素点作为目标像素点；
检测每个所述目标像素点的像素色值是否与所述锚点色值相同。


4.如权利要求3所述的方法，其特征在于，所述从所述网页界面的像素点中筛选出部分像素点作为目标像素点，包括：
从所述网页界面的像素点中筛选出第一预设比例的像素点作为目标像素点；或
从所述网页界面的像素点中规则选取若干个像素点作为目标像素点；或
将所述网页界面等分成若干个子界面，从每个所述子界面中筛选出第二预设比例的像素点作为目标像素点；或
将所述网页界面等分成若干个子界面，从每个所述子界面中规则选取若干个像素点作为目标像素点；
其中，所述规则选取包括以下任一种方式：
每间隔预设个像素点选取一个目标像素点的方式；
每间隔预设行选取一行目标像素点的方式；
每间隔预设列选取一列目标像素点的方式。


5.如权利要求1至4任一项所述的方法，其特征在于，所述检测所述网页界面中每个目标像素点的像素色值是否与所述锚点色值相同，包括：
当所述像素色值和所述锚点色值用YUV表示，则分别比对所述网页界面中每个目标像素点的所述像素色值与所述锚点色值的Y值，U值和V值；当三个值均...

【专利技术属性】
技术研发人员：赵志豪，
申请(专利权)人：平安银行股份有限公司，
类型：发明
国别省市：广东;44