网页故障追踪方法、装置、电子设备和计算机存储介质与流程

本发明涉及互联网技术领域，特别是涉及一种网页故障追踪方法、装置、电子设备和计算机存储介质。

背景技术：

目前，web(worldwideweb，万维网)应用项目在上线前一般需要经过3个过程，即：测试环境过程、预上线环境过程和正式环境过程。其中，web应用项目在各个过程中进行页面展示，例如，展示的内容包括但不限于股票行情、用户评论、财经信息等；每个过程所处的环境不同，而且在实际应用中，每个过程通常在不同的服务器上实现。由此，当web应用项目上线后，如果该web应用项目发生错误，其表现出页面发生异常。

对此，在实际应用中，现有技术一般采取人工的方式，通过肉眼查找导致页面发生异常的诸多因素，并对这些因素进行逐个排查，以解决网页存在的故障。

因此，现有技术由于采取人工方式一一排查网页故障产生的原因而存在网页故障追踪效率低的缺陷。

技术实现要素：

本发明实施例的目的在于提供一种网页故障追踪方法、装置、电子设备和计算机存储介质，以提高网页故障追踪效率。

为了实现上述目的，第一方面，提供了以下技术方案：

一种网页故障追踪方法，网页包括多个展示区域；所述方法包括：

如果展示区域出现故障，则获取出现故障的展示区域在正常展示情况下的网页展示条件信息；

向服务器发送数据请求消息；其中，所述数据请求消息用于请求与所述网页展示条件信息对应的目标数据；

如果在预定时长内未接收到所述服务器反馈的所述目标数据，则提示所述服务器存在故障或所述服务器所在的网络存在故障。

可选的，在所述向服务器发送数据请求消息步骤之后，所述方法包括：

如果在预定时长内接收到所述服务器反馈的所述目标数据，则将所述目标数据与预定数据比对；

如果所述目标数据与所述预定数据不一致，则提示所述目标数据存在错误。

可选的，在所述如果接收到所述服务器反馈的所述目标数据，则将所述目标数据与预定数据比对的步骤之后，所述方法包括：

如果所述目标数据与所述预定数据一致，则提示与所述网页对应的程序逻辑存在错误。

可选的，所述向服务器发送数据请求消息包括：

向服务器发送超文本传输协议http请求消息；其中，所述http请求消息包括请求头；所述请求头指示与所述网页展示条件信息对应的目标数据。

为了实现上述目的，第二方面，提供了以下技术方案：

一种网页故障追踪装置，网页包括多个展示区域；所述装置包括：

获取模块，用于如果展示区域出现故障，则获取出现故障的展示区域在正常展示情况下的网页展示条件信息；

发送模块，用于向服务器发送数据请求消息；其中，所述数据请求消息用于请求与所述网页展示条件信息对应的目标数据；

第一提示模块，用于如果在预定时长内未接收到所述服务器反馈的所述目标数据，则提示所述服务器存在故障或所述服务器所在的网络存在故障。

可选的，所述装置还包括：

比较模块，用于如果在预定时长内接收到所述服务器反馈的所述目标数据，则将所述目标数据与预定数据比对；

第二提示模块，用于如果所述目标数据与所述预定数据不一致，则提示所述目标数据存在错误。

可选的，所述装置还包括：

第三提示模块，用于如果所述目标数据与所述预定数据一致，则提示与所述网页对应的程序逻辑存在错误。

可选的，所述发送模块，具体用于向服务器发送超文本传输协议http请求消息；其中，所述http请求消息包括请求头；所述请求头指示与所述网页展示条件信息对应的目标数据。

为了实现上述目的，第三方面，提供了以下技术方案：

一种电子设备，包括处理器、通信接口、存储器和通信总线，其中，所述处理器、所述通信接口和所述存储器通过所述通信总线完成相互间的通信；

所述存储器，用于存放计算机程序；

所述处理器，用于执行存储器上所存放的程序时，实现第一方面所述的方法步骤。

为了实现上述目的，第四方面，提供了以下技术方案：

一种计算机可读存储介质，所述计算机可读存储介质内存储有计算机程序，所述计算机程序被处理器执行时实现第一方面所述的方法步骤。

本发明实施例提供一种网页故障追踪方法、装置、电子设备和计算机存储介质，其中，网页包括多个展示区域；方法包括：如果展示区域出现故障，则获取出现故障的展示区域在正常展示情况下的网页展示条件信息；向服务器发送数据请求消息；其中，数据请求消息用于请求与网页展示条件信息对应的目标数据；如果未接收到服务器反馈的目标数据，则提示服务器存在故障或服务器所在的网络存在故障。

本发明实施例通过采取上述技术方案，在网页出现故障的情况下，通过向服务器请求数据，并根据服务器的反馈情况，提示出导致网页故障产生的原因，从而提高了网页故障追踪的效率，缩短了网页故障处理时间，而且还方便网页的日常维护。

本发明的其它特征和优点将在随后的说明书中阐述，并且，部分地从说明书中变得显而易见，或者通过实施本发明而得以体现。本发明的目的和其他优点可通过在说明书、权利要求书以及附图中所特别指出的结构来实现和获得。

当然，实施本发明的任一产品或方法并不一定需要同时达到以上所述的所有优点。

附图说明

为了更清楚地说明本发明实施例或现有技术中的技术方案，下面将对实施例或现有技术描述中所需要使用的附图作简单地介绍，显而易见地，下面描述中的附图仅仅是本发明的一些实施例，对于本领域普通技术人员来讲，在不付出创造性劳动的前提下，还可以根据这些附图获得其他的附图。

图1为本发明实施例的网页故障追踪方法的流程示意图；

图2为本发明实施例的包括多个展示区域的网页示意图；

图3为本发明实施例的在向服务器发送数据请求消息步骤之后，网页故障追踪方法的流程示意图；

图4为本发明另一实施例的网页故障追踪方法的流程示意图；

图5为本发明实施例的网页故障追踪装置的结构示意图；

图6为本发明实施例的在图5所示实施例的基础上网页故障追踪装置的结构示意图；

图7为本发明实施例的电子设备的结构示意图。

具体实施方式

下面将结合本发明实施例中的附图，对本发明实施例中的技术方案进行清楚、完整地描述，显然，所描述的实施例仅仅是本发明一部分实施例，而不是全部的实施例。基于本发明中的实施例，本领域普通技术人员在没有做出创造性劳动前提下所获得的所有其他实施例，都属于本发明保护的范围。

目前，网页常因存在一些隐性bug(缺陷)而在被浏览时，出现长时间的空白页，或页面报错(例如，显示故障提示码等错误信息)等情况，由此造成了用户体验性差的缺陷。尤其是对于即时性要求高的网站(例如，行情、财经类网站)，会严重影响用户体验。

在web应用上线后，为不影响正常提供web服务，线上生产环境有着严格的要求：先到测试环境或预上线环境进行调试后，然后再定位网页故障的大概范围。但有些故障会由于环境不同而出错的情况也不一样。此时，追踪问题耗时会比较长。如果常常都花大量的时间去查找，会严重影响用户体验，并由此带来比较严重的后果。

现有的追踪故障的方法在进行网页故障追踪时，先要定位导致网页故障的代码文件，还必须网页对应的数据源输出，才能进一步准确地判断故障所在。但是，在正常的生产环境下，不允许进行任何调试操作；可是，如果不输出一些需要的信息或数据源信息，而只通过日志追踪故障的话，由于即便程序逻辑出现问题，日志记录也是正常的，因此，就需要修改代码文件。然而，修改代码文件时，任何一个符号的错误都会导致网页无法被访问。所以，现有技术存在追踪网页故障效率低的缺陷。

因此，为了提高网页故障追踪效率，本发明实施例提供一种网页故障追踪方法。其中，网页包括多个展示区域；如图1所示，网页故障追踪方法包括如下步骤s100至步骤s120。其中：

s100：如果展示区域出现故障，则获取出现故障的展示区域在正常展示情况下的网页展示条件信息。

其中，展示区域例如可以为一个列表、一个弹框等，但绝不限于此。以股票行情报价网页为例，展示区域可以为该股票排行表中的一列，例如，涨幅列、成交量列、开盘列等。在实际应用中，可以分别用一个编号代表每一个展示区域。该编号也可以理解为代表对应于展示区域的数据源的编号。图2示例性的示出了包括多个展示区域的网页。该网页示出了a股涨跌情况列表；其中每一列可以视为一个展示区域。

仍以沪深a股排行的列表为例，如果出现故障的展示区域为涨跌幅列的前10行数据，则网页展示条件信息例如可以为10条数据、倒序排列、开始序号等号。其中，数据可以是来自于数据服务器中的数据。再比如，如果展示区域为文章列表，则网页展示条件信息可以为最新的10篇文章。

s110：向服务器发送数据请求消息；其中，数据请求消息用于请求与网页展示条件信息对应的目标数据。

其中，服务器作为数据库，例如，其可以为数据服务器，作为网页的数据来源。

其中，数据请求消息可以由客户端通过http请求get方式数据请求消息。该数据请求消息可以包括请求头和请求体。其中，请求头包括请求方法、客户端信息、统一资源定位符等。

因为目标数据是与出现故障的展示区域对应的数据来源；所以，当诸如文章列表等展示区域不显示时，仅从与出现故障的展示区域所对应的应用程序本身难以查找到故障因素。例如，难以查找程序逻辑故障；故，通过本步骤，以获取目标数据，排除是否为数据源的故障，进而间接地确定应用程序本身的故障。

例如，当涨跌幅所在列发生异常，例如，显示为空白，则向服务器发送数据请求消息，以请求与该涨跌幅所在列对应的目标数据。

需要说明的是，本发明实施例例如可以实现为调试页面，并且根据页面条件发送调试请求，其独立于用户端的正式页面，是与其相分离的，但两者所对应的数据源是一致的。例如，正式页面的访问地址为：http://www.cnfol.com；而调试页面的方位地址为：http://www.cnfol.com/tools.html。所以，本步骤中所请求的目标数据是与正式环境中的正式页面所对应的数据源是一致的。

在一些实施例中，向服务器发送数据请求消息的步骤具体包括：

向服务器发送超文本传输协议http请求消息；其中，http请求消息包括请求头；请求头指示与网页展示条件信息对应的目标数据。

s120：如果在预定时长内未接收到服务器反馈的目标数据，则提示服务器存在故障或服务器所在的网络存在故障。

其中，预定时长为毫秒级别的时间段，例如，5毫秒、10毫秒等。在实际应用中，该预定时长可视为是服务器的响应时间。

沿用上例，目标数据例如可以是对应于网页上涨跌幅、成交量、成交额等所在列的数据。

本步骤中，如果在预定时长以外接收到服务器反馈的目标数据，例如，在2秒时接收到服务器反馈的目标数据，其也视为没有接收到服务器的响应。在这种情况下，可以提示服务器存在故障或服务器所在的网络存在故障，以向有关人员进行提醒，以进行网页故障的修复。

上述服务器故障可以是由于硬盘读写频繁、内存占用大、cpu(中央处理器)高负载等所导致的服务器崩溃，服务器的硬件(内存、硬盘等)损坏等。其中，高负载是指服务器的内存、硬盘等的性能达到瓶颈。

上述服务器所在的网络存在的故障可以是网络拥塞、交换器故障等。

在一些实施例中，如图3所示，在向服务器发送数据请求消息步骤之后，网页故障追踪方法还包括如下步骤s300和步骤s310。

s300：如果在预定时长内接收到服务器反馈的目标数据，则将目标数据与预定数据比对。

其中，预定数据为与展示区域对应的正确数据。

如果在预定时长内接收到服务器反馈的目标数据，则说明服务器及其所处网络均不存在故障。这种情况排除了服务器和网络的故障，从而可以直接确定为数据源故障和/或程序逻辑故障，从而提高了网页故障追踪效率。

在确定为数据源故障和/或程序逻辑故障后，可以先将目标数据与预定数据比对，以确定是否存在数据源故障。

具体地，本步骤将目标数据，例如，作为网页上展示区域的涨跌幅、开盘、换手率等列的数据与预定的正确数据进行比对。

s310：如果目标数据与预定数据不一致，则提示目标数据存在错误。

本步骤在目标数据与预定数据不一致的情况下，提示目标数据存在错误，以提醒有关人员目标数据存在错误，进而对服务器上的数据进行修复。

在一些实施例中，在如果接收到服务器反馈的目标数据，则将目标数据与预定数据比对的步骤之后，网页故障追踪方法还包括：

如果目标数据与预定数据一致，则提示与网页对应的程序逻辑存在错误。

本实施例中，目标数据与预定数据一致表明目标数据无误，则在排除了服务器、网络和数据源导致网页故障的前提下，提示与网页对应的程序逻辑存在错误，以向有关人员进行故障提醒，从而便于相关人员进行网页故障处理。

图4示出了一种网页故障追踪方法的流程示意图。如图4所示，该网页故障追踪方法包括：

s400：如果展示区域出现故障，则获取出现故障的展示区域在正常展示情况下的网页展示条件信息；

s410：向服务器发送超文本传输协议http请求消息；其中，http请求消息包括请求头；请求头指示与网页展示条件信息对应的目标数据；

s420：判断是否在预定时长内未接收到服务器反馈的目标数据，如果是，则执行步骤s430；如果否，则执行步骤s440；

s430：将目标数据与预定数据比对；并执行步骤s450；

s440：提示服务器存在故障或服务器所在的网络存在故障；

s450：判断目标数据与预定数据是否一致；如果否，则执行步骤s460；如果是，则执行步骤s470；

s460：提示目标数据存在错误；

s470：提示与网页对应的程序逻辑存在错误。

本发明实施例通过采取上述技术方案，在网页出现故障的情况下，通过向服务器请求数据，并根据服务器的反馈情况，判断是否是服务器故障或网络故障；并在接收到服务器的反馈的情况下判断是否是数据源的故障，还是程序逻辑的故障，以提示出导致网页故障产生的原因，从而提高了网页故障追踪的效率，缩短了网页故障处理时间，而且还方便网页的日常维护。

此外，本发明实施例还提供一种网页故障追踪装置，网页包括多个展示区域；该装置可用于执行上述网页故障追踪方法实施例；如图5所示，该装置包括：

获取模块51，用于如果展示区域出现故障，则获取出现故障的展示区域在正常展示情况下的网页展示条件信息；

发送模块52，用于向服务器发送数据请求消息；其中，数据请求消息用于请求与网页展示条件信息对应的目标数据；

第一提示模块53，用于如果在预定时长内未接收到服务器反馈的目标数据，则提示服务器存在故障或服务器所在的网络存在故障。

在一些实施例中，上述发送模块52，具体用于向服务器发送超文本传输协议http请求消息；其中，http请求消息包括请求头；请求头指示与网页展示条件信息对应的目标数据。

本发明实施例通过采取上述技术方案，在网页出现故障的情况下，利用获取模块51获取网页展示条件信息，然后，通过发送模块52向服务器请求与网页展示条件信息对应的数据，并根据服务器的反馈情况，由第一提示模块53提示出导致网页故障产生的原因，从而提高了网页故障追踪的效率，缩短了网页故障处理时间，而且还方便网页的日常维护。

在一些实施例中，如图6所示，在图5所示实施例的基础上，上述网页故障追踪装置还包括：

比较模块61，用于如果在预定时长内接收到服务器反馈的目标数据，则将目标数据与预定数据比对；

第二提示模块62，用于如果目标数据与预定数据不一致，则提示目标数据存在错误。

通过本实施例，如果在预定时长内接收到服务器反馈的目标数据，则说明服务器及其所处网络均不存在故障。这种情况排除了服务器和网络的故障，从而可以直接确定为数据源故障和/或程序逻辑故障，从而提高了网页故障追踪效率。

在一些实施例中，网页故障追踪装置还包括：

第三提示模块，用于如果目标数据与预定数据一致，则提示与网页对应的程序逻辑存在错误。

本实施例中，如果第三提示模块提示目标数据与预定数据一致；这表明目标数据无误，则在排除了服务器、网络和数据源导致网页故障的前提下，提示与网页对应的程序逻辑存在错误，以向有关人员进行故障提醒，从而便于相关人员进行网页故障处理，进而提高了网页故障追踪的效率。

上述有关网页故障追踪装置的说明可以参见网页故障追踪方法实施例中相关说明，在此不再赘述。本发明实施例提供的网页故障追踪装置可以应用为与网页相对应且独立的网页调试面板，作为监控网页故障的工具。该调试面板可以部署在技术人员的客户端，通过与该网页对应的数据源进行交互，验证数据，以便于技术人员快捷、方便地找到网页故障。

基于与方法实施例相同的技术构思，本发明实施例还提供了一种电子设备，如图7所示，包括处理器71、通信接口72、存储器73和通信总线74，其中，处理器71，通信接口72，存储器73通过通信总线74完成相互间的通信；

存储器73，用于存放计算机程序；

处理器71，用于执行存储器73上所存放的程序时，实现上述方法实施例中所述的方法步骤。

上述电子设备提到的通信总线74可以是外设部件互连标准(peripheralcomponentinterconnect，pci)总线或扩展工业标准结构(extendedindustrystandardarchitecture，eisa)总线等。该通信总线可以分为地址总线、数据总线、控制总线等。为便于表示，图7中仅用一条粗线表示，但并不表示仅有一根总线或一种类型的总线。

上述通信接口72用于上述电子设备与其他设备之间的通信。

上述存储器73可以包括随机存取存储器(randomaccessmemory，ram)，也可以包括非易失性存储器(non-volatilememory，nvm)，例如至少一个磁盘存储器。可选的，存储器还可以是至少一个位于远离前述处理器的存储装置。

上述的处理器71可以是通用处理器，包括中央处理器(centralprocessingunit，简称cpu)、网络处理器(networkprocessor，np)等；还可以是数字信号处理器(digitalsignalprocessing，dsp)、专用集成电路(applicationspecificintegratedcircuit，asic)、现场可编程门阵列(field－programmablegatearray，fpga)或者其他可编程逻辑器件、分立门或者晶体管逻辑器件、分立硬件组件。

上述电子设备包括但不限于智能手机、计算机、个人数字助理、可穿戴设备等。

本实施例中，通过处理器71执行存储器73上所存放的程序，实现了在网页出现故障的情况下，通过向服务器请求数据，并根据服务器的反馈情况，提示出导致网页故障产生的原因，从而提高了网页故障追踪的效率，缩短了网页故障处理时间，而且还方便网页的日常维护。

基于与方法实施例相同的技术构思，本发明实施例还提供了一种计算机可读存储介质。该计算机可读存储介质内存储有计算机程序，计算机程序被处理器执行时实现上述实施例中所述的方法步骤。

本领域技术人员可以理解，上述计算机程序可以包括若干指令，以使得计算装置(例如，个人计算机、服务器等)执行上述任一网页故障追踪方法实施例所述的方法步骤。

上述计算机可读存储介质可以包括但不限于随机存取存储器(ram)、动态随机存取存储器(dram)、静态随机存取存储器(sram)、只读存储器(rom)、可编程只读存储器(prom)、可擦写可编程只读存储器(eprom)、电可擦写可编程只读存储器(eeprom)、闪存(例如，nor型闪存或nand型闪存)、内容可寻址存储器(cam)、聚合物存储器(例如，铁电聚合物存储器)、相变存储器、双向开关半导体存储器、硅-氧化物-氮化硅-氧化硅-硅(silicon-oxide-nitride-oxide-silicon，sonos)存储器、磁卡或者光卡，亦或是其他任意适当类型的计算机可读存储介质。

本实施例中，计算机程序被处理器执行时实现了在网页出现故障的情况下，通过向服务器请求数据，并根据服务器的反馈情况，提示出导致网页故障产生的原因，从而提高了网页故障追踪的效率，缩短了网页故障处理时间，而且还方便网页的日常维护。

需要说明的是，在本文中，诸如第一和第二等之类的关系术语仅仅用来将一个实体或者操作与另一个实体或操作区分开来，而不一定要求或者暗示这些实体或操作之间存在任何这种实际的关系或者顺序。而且，术语“包括”、“包含”或者其任何其他变体意在涵盖非排他性的包含，从而使得包括一系列要素的过程、方法、物品或者设备不仅包括那些要素，而且还包括没有明确列出的其他要素，或者是还包括为这种过程、方法、物品或者设备所固有的要素。在没有更多限制的情况下，由语句“包括一个……”限定的要素，并不排除在包括所述要素的过程、方法、物品或者设备中还存在另外的相同要素。

本说明书中的各个实施例均采用相关的方式描述，每个实施例重点说明的都是与其他实施例的不同之处，各个实施例之间相同相似的部分互相参见即可。尤其，对于装置实施例而言，由于其基本相似于方法实施例，所以描述的比较简单，相关之处参见方法实施例的部分说明即可。

以上所述仅为本发明的较佳实施例而已，并非用于限定本发明的保护范围。凡在本发明的精神和原则之内所作的任何修改、等同替换、改进等，均包含在本发明的保护范围内。