基于网页前端测试的问题定位方法及相关装置、系统与流程

本申请涉及网页前端测试技术领域，尤其涉及一种基于网页前端测试的问题定位方法及相关装置、系统。

背景技术：

网页(web)前端测试是指，对于通过HTML(即HyperText Markup Language，超文本标记语言)、CSS(Cascading Style Sheets，级联样式表)、XML(即Extensible Markup Language，可扩展标记语言)及JavaScript等前端开发语言开发的网页，根据其源代码执行静态分析及动态分析，来获取网页的问题信息，以便根据该问题信息实现问题定位及修复，达到优化网页展示效果、提高网页加载速度的目的。

所谓问题定位，即确定问题信息对应的异常网页元素在网页中的位置。常用的问题定位方法需要人工辅助分析，即，相关技术人员首先通过分析问题信息中的ID、class(类)、url(即Uniform Resource Locator，统一资源定位符)等特征来确定网页源码中存在相应特征的异常代码的位置，再通过比对源码和网页展示规则来确定异常代码对应的网页元素在网页中的位置，也即异常网页元素在网页中的位置。

上述基于人工辅助分析实现问题定位，不仅效率低、成本高，还导致无法快速确定网页中各个问题的影响面和修复优先级，不利于及时修复严重问题，存在较大的网页崩溃等风险。

技术实现要素：

为克服相关技术中存在的问题，本申请提供一种基于网页前端测试的问题定位方法及相关装置、系统。

本申请第一方面提供一种基于网页前端测试的问题定位方法；该方法包括：

获取目标网页的源码，以及通过网页前端测试得到的目标网页的问题信息；

基于与目标网页的开发语言对应的选择器确定所述问题信息对应的异常代码在所述源码中的位置，得到问题定位信息；

生成用于描述所述问题信息的辅助代码；

根据所述问题定位信息将所述辅助代码添加至所述源码中对应的异常代码的相关位置处；

根据所述具有辅助代码的源码执行网页展示，使得所述问题信息显示于目标网页中对应的异常网页元素的相关位置处。

结合第一方面，在第一方面的第一种可行的实施方式中，所述根据所述问题定位信息将所述辅助代码添加至所述源码中对应的异常代码的相关位置处，包括：

根据所述源码解析得到目标网页对应的文件对象模型DOM；

根据所述问题定位信息确定所述DOM中的问题节点；

确定所述问题节点在目标网页中对应的异常元素展示区域；

根据预设规则选择与所述异常元素展示区域相关的区域作为问题信息展示区域，并将所述辅助代码添加至所述源码中所述问题信息展示区域对应的代码位置处。

结合第一方面第一种可行的实施方式，在第一方面的第二种可行的实施方式中，所述问题定位方法还包括：

生成预设标记对应的标记代码，并将所述标记代码添加至所述源码中，以便在展示目标网页时将所述预设标记展示于所述异常元素展示区域内。

本申请第二方面提供一种基于网页前端测试的问题定位装置；该装置包括：

测试结果获取单元，用于获取目标网页的源码，以及通过网页前端测试得到的目标网页的问题信息；

定位信息获取单元，用于基于与目标网页的开发语言对应的选择器确定所述问题信息对应的异常代码在所述源码中的位置，得到问题定位信息；

辅助代码生成单元，用于生成用于描述所述问题信息的辅助代码；

源码编辑单元，用于根据所述问题定位信息将所述辅助代码添加至所述源码中对应的异常代码的相关位置处；

网页展示单元，用于根据所述具有辅助代码的源码执行网页展示，使得所述问题信息显示于目标网页中对应的异常网页元素的相关位置处。

结合第二方面，在第二方面的第一种可行的实施方式中，所述源码编辑单元包括：

DOM生成模块，用于根据所述源码解析得到目标网页对应的文件对象模型DOM；

问题节点确定模块，用于根据所述问题定位信息确定所述DOM中的问题节点；

异常区域确定模块，用于确定所述问题节点在目标网页中对应的异常元素展示区域；

辅助代码插入模块，用于根据预设规则选择与所述异常元素展示区域相关的区域作为问题信息展示区域，并将所述辅助代码添加至所述源码中所述问题信息展示区域对应的代码位置处。

结合第二方面的第一种可行的实施方式，在第二方面的第二种可行的实施方式中，所述源码编辑单元还包括：

标记代码插入模块，用于生成预设标记对应的标记代码，并将所述标记代码添加至所述源码中，以便在展示目标网页时将所述预设标记展示于所述异常元素展示区域内。

本申请第三方面提供一种服务器，用于基于网页前端测试的问题定位；该服务器包括：

处理器；

用于存储处理器可执行指令的存储器；

其中，所述处理器被配置为：

获取目标网页的源码，以及通过网页前端测试得到的目标网页的问题信息；

基于与目标网页的开发语言对应的选择器确定所述问题信息对应的异常代码在所述源码中的位置，得到问题定位信息；

生成用于描述所述问题信息的辅助代码；

根据所述问题定位信息将所述辅助代码添加至所述源码中对应的异常代码的相关位置处，并将所述具有辅助代码的源码发送至客户端，使得所述客户端根据所述具有辅助代码的源码执行网页展示。

结合第三方面，在第三方面第一种可行的实施方式中，为实现根据所述问题定位信息将所述辅助代码添加至所述源码中对应的异常代码的相关位置处，所述服务器被配置为：

根据所述源码解析得到目标网页对应的文件对象模型DOM；

根据所述问题定位信息确定所述DOM中的问题节点；

确定所述问题节点在目标网页中对应的异常元素展示区域；

根据预设规则选择与所述异常元素展示区域相关的区域作为问题信息展示区域，并将所述辅助代码添加至所述源码中所述问题信息展示区域对应的代码位置处。

结合第三方面第一种可行的实施方式，在第三方面第二种可行的实施方式中，所述服务器还被配置为：

生成预设标记对应的标记代码，并将所述标记代码添加至所述源码中，以便在展示目标网页时将所述预设标记展示于所述异常元素展示区域内。

本申请第四方面提供一种网页前端测试及问题定位系统，包括：前端测试子系统、定位服务器和客户端；

所述前端测试子系统被配置为：

根据目标网页的源码对目标网页执行前端测试，得到目标网页的问题信息；

所述定位服务器被配置为：

获取所述源码和问题信息；

基于与目标网页的开发语言对应的选择器确定所述问题信息对应的异常代码在所述源码中的位置，得到问题定位信息；

生成用于描述所述问题信息的辅助代码；

根据所述问题定位信息将所述辅助代码添加至所述源码中对应的异常代码的相关位置处，并将所述具有辅助代码的源码发送至客户端；

所述客户端被配置为：

根据所述具有辅助代码的源码执行网页展示，使得所述问题信息显示于目标网页中对应的异常网页元素的相关位置处。

结合第四方面，在第四方面第一种可行的实施方式中，为实现根据所述问题定位信息将所述辅助代码添加至所述源码中对应的异常代码的相关位置处，所述定位服务器被配置为：

根据所述源码解析得到目标网页对应的文件对象模型DOM；

根据所述问题定位信息确定所述DOM中的问题节点；

确定所述问题节点在所述源码中对应的异常代码区域；

将所述辅助代码添加至所述源码中对应的异常代码区域的相关位置处。

结合第四方面第一种可行的实施方式，在第四方面第二种可行的实施方式中，所述服务器还被配置为：

生成预设标记对应的标记代码，并将所述标记代码添加至所述源码中，以便在展示目标网页时将所述预设标记展示于所述异常元素展示区域内。

由以上技术方案可知，本申请实施例对于网页前端测试得到的问题信息，首先基于与目标网页的开发语言对应的选择器确定所述问题信息在目标网页的源码中的位置，得到问题定位信息，并生成用于描述所述问题信息的辅助代码，再根据所述问题定位信息将所述辅助代码添加至所述源码中，然后根据该具有辅助代码的源码执行网页展示，使得在显示源码对应的目标网页的同时，辅助代码对应的问题信息也显示于目标网页中，且由于辅助代码添加至源码中的位置不是任意的，而是根据所述问题定位信息确定的对应的异常代码的相关位置，从而在执行网页展示时，问题信息可以显示于对应的异常网页元素的相关位置；根据上述网页展示结果，可以直观地将目标网页中存在的各个子问题的问题信息及对应的问题产生位置展示给相关技术人员，实现了自动化、可视化的问题定位，定位效率提高、耗时减少，有利于快速确定各个问题的优先级，优先修复影响严重的问题，从而降低甚至消除目标页面崩溃的风险。

应当理解的是，以上的一般描述和后文的细节描述仅是示例性和解释性的，并不能限制本申请。

附图说明

此处的附图被并入说明书中并构成本说明书的一部分，示出了符合本发明的实施例，并与说明书一起用于解释本发明的原理。

图1是本申请实施例提供的一种基于网页前端测试的问题定位方法的流程图。

图2是本申请实施例提供的另一种基于网页前端测试的问题定位方法的流程图。

图3是图2所示的问题定位方法中数据处理示意图。

图4是本申请实施例提供的问题定位方法中确定问题信息展示区域的示意图。

图5是本申请实施例提供的一种基于网页前端测试的问题定位装置的框图。

图6是本申请实施例提供的另一种基于网页前端测试的问题定位装置的框图。

图7是本申请实施例提供的一种服务器的框图。

图8是本申请实施例提供的一种网页前端测试及问题定位系统的框图。

具体实施方式

这里将详细地对示例性实施例进行说明，其示例表示在附图中。下面的描述涉及附图时，除非另有表示，不同附图中的相同数字表示相同或相似的要素。以下示例性实施例中所描述的实施方式并不代表与本发明相一致的所有实施方式。相反，它们仅是与如所附权利要求书中所详述的、本发明的一些方面相一致的装置和方法的例子。

图1为本申请实施例提供的一种基于网页前端测试的问题定位方法的流程图。如图1所示，该方法包括以下步骤。

S11、获取目标网页的源码，以及通过网页前端测试得到的目标网页的问题信息。

网页前端测试系统完成对目标网页的前端测试，得到的测试结果，即为所述问题信息；该问题信息可以包括一个或多个子问题信息，每个子问题信息对应目标网页中的一个具体问题，例如页面标题未居中显示、某个小标题的链接错误等；每个子问题信息可以包括相应的问题类型、产生原因及修复建议等信息。

S12、基于与目标网页的开发语言对应的选择器确定所述问题信息在所述源码中的位置，得到问题定位信息。

上述选择器通常用于对网页中具有指定特征的元素或组件定义特定的样式，例如将id属性为指定值的元素颜色定义为红色。本申请实施例利用选择器，将上述问题信息涉及的相关特征对应的异常网页元素设置为特定的样式，从而确定这些异常网页元素对应的异常代码在源码中的位置，即确定上述问题定位信息。

基于不同的前端开发语言，选择器的类型也不同；对于基于HTML的目标网页，可以采用CSS选择器或XPATH(即XML Path Language，XML路径语言)选择器。例如，基于CSS选择器，选择HTML源码中id属性值为“ID”的元素可以采用如下代码：$(“.ID”)；又如，基于XPATH选择器，选择HTML源码中body元素中所有名称为div的子元素可以采用如下代码：/html/body/div。

S13、生成用于描述所述问题信息的辅助代码。

S14、根据所述问题定位信息将所述辅助代码添加至所述源码中。

由于上述问题定位信息分别记录了各个子问题信息对应的异常代码在源码中的位置，根据该问题定位信息可以将各个子问题信息的辅助代码添加至对应的异常代码的相关位置；例如，可以统一设定将辅助代码添加至对应的异常代码的首行之前。

S15、根据所述具有辅助代码的源码执行网页展示，使得所述问题信息显示于目标网页中对应的异常网页元素所在位置。

根据辅助代码在源码中的添加位置，其对应的问题信息也相应显示与目标网页中异常代码对应的异常网页元素的相关位置处；例如，上文将辅助代码添加至对应的异常代码的首行之前，则执行网页展示时，辅助代码对应的问题信息也相应显示于异常代码对应的异常网页元素之前。

由以上技术方案可知，本申请实施例对于网页前端测试得到的问题信息，首先基于与目标网页的开发语言对应的选择器确定所述问题信息在目标网页的源码中的位置，得到问题定位信息，并生成用于描述所述问题信息的辅助代码，再根据所述问题定位信息将所述辅助代码添加至所述源码中，然后根据该具有辅助代码的源码执行网页展示，使得在显示源码对应的目标网页的同时，辅助代码对应的问题信息也显示于目标网页中，且由于辅助代码添加至源码中的位置不是任意的，而是根据所述问题定位信息确定的对应的异常代码的相关位置，从而在执行网页展示时，问题信息可以显示于对应的异常网页元素的相关位置；根据上述网页展示结果，可以直观地将目标网页中存在的各个子问题的问题信息及对应的问题产生位置展示给相关技术人员，实现了自动化、可视化的问题定位，定位效率提高、耗时减少，有利于快速确定各个问题的优先级，优先修复影响严重的问题，从而降低甚至消除目标页面崩溃的风险。

图2为本申请实施例提供的另一种基于网页前端测试的问题定位方法的流程图，图3为图2所示的问题定位方法中数据处理示意图。参照图2和图3，该问题定位方法包括以下步骤。

S21、获取目标网页的源码，以及通过网页前端测试得到的目标网页的问题信息。

S22、基于与目标网页的开发语言对应的选择器确定所述问题信息在所述源码中的位置，得到问题定位信息。

S23、生成用于描述所述问题信息的辅助代码。

S24、根据所述源码解析得到目标网页对应的文件对象模型。

上述文件对象模型(Document Object Model，DOM)又称DOM树，是具有层次结构关系的多个节点的集合。目标网页中的每个网页元素视为一个节点，将各个节点根据对应的网页元素之间的关系连接起来，就可以得到一个树形结构的模型，即DOM树。

S25、根据所述问题定位信息确定所述DOM中的问题节点。

S26、确定所述问题节点在目标网页中对应的异常元素展示区域。

S27、根据预设规则选择与所述异常元素展示区域相关的区域作为问题信息展示区域，并将所述辅助代码添加至所述源码中所述问题信息展示区域对应的代码位置处。

由于本实施例要实现在目标网页中显示问题信息，故可以根据问题信息在目标网页中的展示区域确定辅助代码在源码中的添加位置；其中，问题信息在目标网页中的展示区域可以根据对应的异常网页元素在目标网页中的展示区域设定。本申请实施例预先设定问题信息展示区域和异常元素展示区域之间的相对位置，即上述预设规则，从而可以在通过DOM树确定目标网页中各个子问题对应的异常元素展示区域后，根据上述预设规则确定对应的问题信息展示区域，进而将辅助代码添加至所述问题信息展示区域对应的代码位置处。根据目标网页排版等实际应用需求，上述预设规则可以为：问题信息展示区域410位于异常元素展示区域420的左上方或右上方，如图4所示；当然，上述预设规则还可以为：问题信息展示区域位于异常元素展示区域的、左下方、正上方等位置处。

S28、根据所述具有辅助代码的源码执行网页展示，使得所述问题信息显示于目标网页中对应的异常网页元素所在位置。

上述步骤S24至S27实现了将辅助代码添加至目标网页的源码中，基于此，本申请实施例可以在根据上述具有辅助代码的源码执行网页展示时，将目标网页中各个子问题的问题信息分别显示于对应的异常元素展示区域的相关区域内(也即对应的问题信息展示区域内)，使得相关技术人员可以从该目标网页显示界面中直观的得知各个异常元素的位置及具体的问题信息。

由以上技术方案可知，本申请实施例首先通过目标网页的前端开发语言相匹配的选择器，根据目标网页的问题信息在目标网页的源码中进行筛选，得到相应的问题定位信息；再根据该问题定位信息，确定目标网页的Dom树中的问题节点，进而确定问题节点在源码中对应的异常代码所在的位置；将问题信息对应的辅助代码添加至源码中相应的异常代码所在区域的相关位置处；最终根据所述具有辅助代码的源码执行网页展示，使得所述问题信息显示于目标网页中对应的异常网页元素所在显示区域的相关位置处，从而可以直观地将目标网页中存在的各个子问题的问题信息及对应的问题产生位置展示给相关技术人员，实现了自动化、可视化的问题定位，定位效率提高、耗时减少，有利于快速确定各个问题的优先级，优先修复影响严重的问题，从而降低甚至消除目标页面崩溃的风险。

在本申请的其他实施例中，为提高问题定位效果，使得目标网页中的异常元素更突出易辨，在执行步骤S26，即确定异常元素展示区域后，还可以执行如下步骤：生成预设标记对应的标记代码，并将所述标记代码添加至所述源码中。

参照图4，上述预设标记可以为：包围上述异常元素展示区域的标记边框431、覆盖上述异常元素展示区域的标记图层432；另外，还可以设置标记边框431和标记图层432的颜色(为达到标记效果，优选不同于目标网页的背景色及异常元素的底色(或主颜色的颜色作为预设标记的颜色)。

图5为本申请实施例提供的一种基于网页前端测试的问题定位装置的结构框图。参照图5，该问题定位装置包括：测试结果获取单元110、定位信息获取单元120、辅助代码生成单元130、源码编辑单元140和网页展示单元150。

该测试结果获取单元110被配置为，获取目标网页的源码，以及通过网页前端测试得到的目标网页的问题信息。

该定位信息获取单元120被配置为，基于与目标网页的开发语言对应的选择器确定所述问题信息对应的异常代码在所述源码中的位置，得到问题定位信息。

该辅助代码生成单元130被配置为，将所述定位信息上传至服务器，以便用户从所述服务器中获取所述定位信息。

该源码编辑单元140被配置为，根据所述问题定位信息将所述辅助代码添加至所述源码中对应的异常代码的相关位置处。

该网页展示单元150被配置为，根据所述具有辅助代码的源码执行网页展示，使得所述问题信息显示于目标网页中对应的异常网页元素的相关位置处。

由以上技术方案可知，本申请实施例可以实现在显示源码对应的目标网页的同时，辅助代码对应的问题信息也显示于目标网页中，且由于辅助代码添加至源码中的位置不是任意的，而是根据所述问题定位信息确定的对应的异常代码的相关位置，从而在执行网页展示时，问题信息可以显示于对应的异常网页元素的相关位置；根据上述网页展示结果，可以直观地将目标网页中存在的各个子问题的问题信息及对应的问题产生位置展示给相关技术人员，实现了自动化、可视化的问题定位，定位效率提高、耗时减少，有利于快速确定各个问题的优先级，优先修复影响严重的问题，从而降低甚至消除目标页面崩溃的风险。

参照图6，在本申请一个可行的实施例中，源码编辑单元140可以包括：

其中，该DOM生成模块141被配置为，根据所述源码解析得到目标网页对应的文件对象模型DOM；

该问题节点确定模块142被配置为，根据所述问题定位信息确定所述DOM中的问题节点；

该异常区域确定模块143被配置为，确定所述问题节点在目标网页中对应的异常元素展示区域；

该辅助代码插入模块144被配置为，根据预设规则选择与所述异常元素展示区域相关的区域作为问题信息展示区域，并将所述辅助代码添加至所述源码中所述问题信息展示区域对应的代码位置处。

另外，上述源码编辑单元140还可以包括：标记代码插入模块145。该标记代码插入模块145被配置为，生成预设标记对应的标记代码，并将所述标记代码添加至所述源码中，以便在展示目标网页时将所述预设标记展示于所述异常元素展示区域内。

关于上述实施例中的装置，其中各个模块执行操作的具体方式已经在有关该方法的实施例中进行了详细描述，此处将不做详细阐述说明。

另外，本申请实施例还提供了一种计算机存储介质，例如可以是ROM、随机存取存储器(RAM)、CD-ROM、磁带、软盘和光数据存储设备等；该计算机存储介质中存储有程序，当所述存储介质中的程序由相关设备(如服务器)的处理器执行时，使得该相关设备能够执行上述方法实施例中记载的问题定位方法的部分或全部步骤。

图7是根据一示例性实施例示出的一种实现基于网页前端测试的问题定位的服务器600的框图。参照图7，服务器600包括处理组件622，其进一步包括一个或多个处理器，以及由存储器632所代表的存储器资源，用于存储可由处理组件622的执行的指令，例如应用程序。存储器632中存储的应用程序可以包括一个或一个以上的每一个对应于一组指令的模块。此外，处理组件622被配置为执行指令，以执行上述问题定位方法。

服务器600还可以包括一个电源组件626被配置为执行服务器600的电源管理，一个有线或无线网络接口650被配置为将服务器600连接到网络，和一个输入输出(I/O)接口658。服务器600可以操作基于存储在存储器632的操作系统，例如Windows ServerTM，Mac OS XTM，UnixTM,LinuxTM，FreeBSDTM或类似。

其中，本实施例中，处理组件622通过执行存储器632中的指令，可以完成如下步骤：

获取目标网页的源码，以及通过网页前端测试得到的目标网页的问题信息；

基于与目标网页的开发语言对应的选择器确定所述问题信息对应的异常代码在所述源码中的位置，得到问题定位信息；

生成用于描述所述问题信息的辅助代码；

根据所述问题定位信息将所述辅助代码添加至所述源码中对应的异常代码的相关位置处，并将所述具有辅助代码的源码发送至客户端，使得所述客户端根据所述具有辅助代码的源码执行网页展示。

在本申请一个可行的实施例中，为实现根据所述问题定位信息将所述辅助代码添加至所述源码中对应的异常代码的相关位置处，处理组件622可以执行如下步骤：

根据所述源码解析得到目标网页对应的文件对象模型DOM；

根据所述问题定位信息确定所述DOM中的问题节点；

确定所述问题节点在目标网页中对应的异常元素展示区域；

根据预设规则选择与所述异常元素展示区域相关的区域作为问题信息展示区域，并将所述辅助代码添加至所述源码中所述问题信息展示区域对应的代码位置处。

在本申请一个可行的实施例中，处理组件622可以执行如下步骤：

生成预设标记对应的标记代码，并将所述标记代码添加至所述源码中，以便在展示目标网页时将所述预设标记展示于所述异常元素展示区域内。

由以上技术方案可知，本申请实施例提供的服务器可以实现在显示源码对应的目标网页的同时，辅助代码对应的问题信息也显示于目标网页中，且由于辅助代码添加至源码中的位置不是任意的，而是根据所述问题定位信息确定的对应的异常代码的相关位置，从而在执行网页展示时，问题信息可以显示于对应的异常网页元素的相关位置；根据上述网页展示结果，可以直观地将目标网页中存在的各个子问题的问题信息及对应的问题产生位置展示给相关技术人员，实现了自动化、可视化的问题定位，定位效率提高、耗时减少，有利于快速确定各个问题的优先级，优先修复影响严重的问题，从而降低甚至消除目标页面崩溃的风险。

图8是本申请实施例提供的一种网页前端测试及问题定位系统700的结构示意图。参照图8，该系统包括：前端测试子系统710、定位服务器720和客户端730。

其中，前端测试子系统710被配置为：根据目标网页的源码对目标网页执行前端测试，得到目标网页的问题信息。

定位服务器720被配置为：

获取所述源码和问题信息；

基于与目标网页的开发语言对应的选择器确定所述问题信息对应的异常代码在所述源码中的位置，得到问题定位信息；

生成用于描述所述问题信息的辅助代码；

根据所述问题定位信息将所述辅助代码添加至所述源码中对应的异常代码的相关位置处，并将所述具有辅助代码的源码发送至客户端

客户端730被配置为：根据所述具有辅助代码的源码执行网页展示，使得所述问题信息显示于目标网页中对应的异常网页元素的相关位置处。

另外，在本申请其他可行的实施例中，上述操作“基于与目标网页的开发语言对应的选择器确定所述问题信息对应的异常代码在所述源码中的位置”也可以由前端测试子系统710执行，并将得到问题定位信息及对应的源码和问题信息存储于数据库中；相应的，定位服务器720可以在接收到客户端730的定位请求后，直接从数据库中获取目标网页的源码、问题信息和问题定位信息，继而执行后续生成辅助代码、将辅助代码添加至源码中等操作。

在本申请一个可行的实施例中，为实现根据所述问题定位信息将所述辅助代码添加至所述源码中对应的异常代码的相关位置处，定位服务器720被配置为：

根据所述源码解析得到目标网页对应的文件对象模型DOM；

根据所述问题定位信息确定所述DOM中的问题节点；

确定所述问题节点在目标网页中对应的异常元素展示区域；

根据预设规则选择与所述异常元素展示区域相关的区域作为问题信息展示区域，并将所述辅助代码添加至所述源码中所述问题信息展示区域对应的代码位置处。

在本申请另一个可行的实施例中，定位服务器720还被配置为：

生成预设标记对应的标记代码，并将所述标记代码添加至所述源码中，以便在展示目标网页时将所述预设标记展示于所述异常元素展示区域内。

由以上技术方案可知，本申请实施例提供的网页前端测试及问题定位系统可以实现对目标网页的前端测试，并将测试得到的问题信息显示于目标网页中对应的异常网页元素的相关位置；根据上述网页展示结果，可以直观地将目标网页中存在的各个子问题的问题信息及对应的问题产生位置展示给相关技术人员，实现了自动化、可视化的问题定位，定位效率提高、耗时减少，有利于快速确定各个问题的优先级，优先修复影响严重的问题，从而降低甚至消除目标页面崩溃的风险。

本领域技术人员在考虑说明书及实践这里公开的发明后，将容易想到本发明的其它实施方案。本申请旨在涵盖本发明的任何变型、用途或者适应性变化，这些变型、用途或者适应性变化遵循本发明的一般性原理并包括本申请未公开的本技术领域中的公知常识或惯用技术手段。说明书和实施例仅被视为示例性的，本发明的真正范围和精神由下面的权利要求指出。

应当理解的是，本发明并不局限于上面已经描述并在附图中示出的精确结构，并且可以在不脱离其范围进行各种修改和改变。本发明的范围仅由所附的权利要求来限制。