网页处理方法、装置及电子设备制造方法及图纸

本发明专利技术实施例提供了一种网页处理方法、装置及电子设备，其中方法包括：响应于对网页错误区域的标记操作，生成带有网页错误区域标记的第一网页截图，并获取网页错误区域标记所覆盖的网页界面坐标范围；根据所述网页界面坐标范围，获取与该网页界面坐标范围对应的网页代码片段：将所述带有网页错误区域标记的第一网页截图和所述网页代码片段进行组合后，执行错误上报处理。本发明专利技术实施例通过对网页错误区域的标记操作，获取对应的网页界面坐标范围，进而确定代码片段，从而实现了在上报网页错误的同时，提供了对应的网页代码片段，省去了人工分析和查找网页代码片段的环节，提高了网页错误处理效率。

Web page processing methods, devices and electronic equipment

【技术实现步骤摘要】
网页处理方法、装置及电子设备
本申请涉及一种网页处理方法、装置及电子设备，属于计算机

技术介绍
网页平台在提供网页服务的过程中，会出现一些网页运行错误。在现有技术中，提供了用户反馈渠道。常见的反馈方式为：用户对出现问题的网页进行截图，也可以进一步对截图进行编辑，标记出现错误的具体位置，并将截图的图片发送至网页平台。网页平台的工作人员再对截图的图片进行人工查看和分析，找出网页对应的代码，去分析代码错误，并进行修复。在上述的处理过程中，人工查找网页代码的过程比较慢，效率非常低，不利于快速发现和解决网页代码中存在的问题。
技术实现思路
本专利技术实施例提供一种网页处理方法、装置及电子设备，以提高网页错误处理效率。为了实现上述目的，本专利技术实施例提供了一种网页处理方法，包括：响应于对网页错误区域的标记操作，生成带有网页错误区域标记的第一网页截图，并获取网页错误区域标记所覆盖的网页界面坐标范围；根据所述网页界面坐标范围，获取与该网页界面坐标范围对应的网页代码片段；将所述带有网页错误区域标记的第一网页截图和所述网页代码片段进行组合后，执行错误上报处理。本专利技术实施例还提供了一种网页处理装置，包括：网页界面坐标范围获取模块，用于响应于对网页错误区域的标记操作，生成带有网页错误区域标记的第一网页截图，并获取网页错误区域标记所覆盖的网页界面坐标范围；网页代码片段获取模块，用于根据所述网页界面坐标范围，获取与该网页界面坐标范围对应的网页代码片段；错误上报处理模块，用于将所述带有网页错误区域标记的第一网页截图和所述网页代码片段进行组合后，执行错误上报处理。本专利技术实施例还提供了网页处理方法，包括：接收来自多个客户端的针对同一网页的网页错误上报消息；根据所述网页错误上报消息中包含的错误网页截图和对应的网页代码片段，确定网页错误原因；如果针对同一网页，被确定为相同的网页错误原因的网页错误上报消息的数量大于预设阈值，则向网站运维平台发出网页错误报警。本专利技术实施例还提供了一种电子设备，包括：存储器，用于存储程序；处理器，耦合至所述存储器，用于执行所述程序，以用于如下处理：响应于对网页错误区域的标记操作，生成带有网页错误区域标记的第一网页截图，并获取网页错误区域标记所覆盖的网页界面坐标范围；根据所述网页界面坐标范围，获取与该网页界面坐标范围对应的网页代码片段；将所述带有网页错误区域标记的第一网页截图和所述网页代码片段进行组合后，执行错误上报处理。本专利技术实施例还提供了一种电子设备，包括：存储器，用于存储程序；处理器，耦合至所述存储器，用于执行所述程序，以用于如下处理：接收来自多个客户端的针对同一网页的网页错误上报消息；根据所述网页错误上报消息中包含的错误网页截图和对应的网页代码片段，确定网页错误原因；如果针对同一网页，被确定为相同的网页错误原因的网页错误上报消息的数量大于预设阈值，则向网站运维平台发出网页错误报警。本专利技术实施例的网页处理方法、装置及电子设备，通过对网页错误区域的标记操作，获取对应的网页界面坐标范围，进而确定代码片段，从而实现了在上报网页错误的同时，提供了对应的网页代码片段，省去了人工分析和查找网页代码片段的环节，提高了网页错误处理效率。上述说明仅是本专利技术技术方案的概述，为了能够更清楚了解本专利技术的技术手段，而可依照说明书的内容予以实施，并且为了让本专利技术的上述和其它目的、特征和优点能够更明显易懂，以下特举本专利技术的具体实施方式。附图说明图1为本专利技术实施例的网页处理方法的流程示意图；图2为本专利技术实施例的网页处理方法的应用场景示意图之一；图3为本专利技术实施例的网页处理方法的应用场景示意图之二；图4为本专利技术实施例的网页处理方法的应用场景示意图之三；图5为本专利技术实施例的网页处理方法的应用场景示意图之四；图6为本专利技术实施例的网页处理方法的应用场景示意图之五；图7为本专利技术实施例的网页处理装置的结构示意图；图8为本专利技术实施例的电子设备的结构示意图。具体实施方式下面将参照附图更详细地描述本公开的示例性实施例。虽然附图中显示了本公开的示例性实施例，然而应当理解，可以以各种形式实现本公开而不应被这里阐述的实施例所限制。相反，提供这些实施例是为了能够更透彻地理解本公开，并且能够将本公开的范围完整的传达给本领域的技术人员本专利技术实施例利用了网页页面中的网页元素与网页代码片段之间的对应关系，在进行网页错误上报处理的过程中，通过识别用户标记的网页错误区域对应的坐标范围，来确定出对应的网页代码片段，从而可以实现将网页错误的截图与对应错误区域的代码一同进行上报。下面通过一些具体实施例来进一步说明本专利技术的技术方案。实施例一如图1所示，其为本专利技术实施例的网页处理方法的流程示意图，该方法包括如下步骤：S101：响应于对网页错误区域的标记操作，生成带有网页错误区域标记的第一网页截图，并获取网页错误区域标记所覆盖的网页界面坐标范围。具体地，可以响应于点击网页页面上设置的错误上报按键的操作，生成对网页页面整体的第二网页截图，响应于对第二网页截图中网页错误区域的标记操作，生成带有网页错误区域标记的第一网页截图，并获取网页错误区域在第二网页截图中的相对坐标范围作为网页界面坐标范围。对于任何一个网页来说，其各个网页元素(例如文字、图片、动画、控件等)都有自身对应的网页界面坐标或者网页界面坐标范围，这些网页元素的坐标是相对于整个网页而言的相对坐标，无论网页铺满整个屏幕还是缩小为局部窗口，各个网页元素相对于整个网页的相对坐标位置是不变的，因此，只要能够确定这个相对坐标或者相对坐标范围，就能确定具体的网页元素，进而找到网页元素对应的网页代码片段。因此，在本专利技术实施例中，网页界面坐标或者网页界面坐标范围是指相对于整个网页的相对坐标或者相对坐标范围。如图2至图4所示，其为本专利技术实施例的网页处理方法的应用场景示意图之一至之三，图2至图4描述了用户在整个网页截屏上标记错误区域的处理过程。如图中上部红色按键所示，可以在网页界面上设置一个错误上报按键，通过点击该错误上报按键，会自动对当前整个网页进行截图，生成第二网页截图(如图3中的标记前的网页截屏)，然后，用户可以在该网页截图的基础上，对错误区域进行标记(如图5中的椭圆虚线部分)，如图中带有“X”标记的空白区域即为错误区域(该区域内的网页动画没有被加载)，标记后的截图作为第一网页截图(如图5中的标记后的网页截屏)。由于页面上的各个元素在网页界面上都有各自的坐标或者坐标范围，所以根据所生成的第一网页截图，可以获取用户标记的区域相对于整个网页截图的相对坐标，作为错误区域的网页界面坐标范围。需要说明的是，网页界面上设置的错误上报按键可以采用多种形式，可以是图标按键的形式，也可以是用文字本文档来自技高网...

【技术保护点】
1.一种网页处理方法，包括：/n响应于对网页错误区域的标记操作，生成带有网页错误区域标记的第一网页截图，并获取网页错误区域标记所覆盖的网页界面坐标范围；/n根据所述网页界面坐标范围，获取与该网页界面坐标范围对应的网页代码片段；/n将所述带有网页错误区域标记的第一网页截图和所述网页代码片段进行组合后，执行错误上报处理。/n

【技术特征摘要】
1.一种网页处理方法，包括：
响应于对网页错误区域的标记操作，生成带有网页错误区域标记的第一网页截图，并获取网页错误区域标记所覆盖的网页界面坐标范围；
根据所述网页界面坐标范围，获取与该网页界面坐标范围对应的网页代码片段；
将所述带有网页错误区域标记的第一网页截图和所述网页代码片段进行组合后，执行错误上报处理。


2.根据权利要求1所述的方法，其中，所述响应于对网页错误区域的标记操作，生成带有网页错误区域标记的网页截图，并获取网页错误区域标记所覆盖的网页界面坐标范围包括：
响应于点击网页页面上设置的错误上报按键的操作，生成对所述网页页面整体的第二网页截图；
响应于对第二网页截图中网页错误区域的标记操作，生成带有网页错误区域标记的第一网页截图，并获取网页错误区域在所述第二网页截图中的相对坐标范围作为网页界面坐标范围。


3.根据权利要求1所述的方法，其中，所述响应于对网页错误区域的标记操作，生成带有网页错误区域标记的第一网页截图，并获取网页错误区域标记所覆盖的网页界面坐标范围包括：
响应于点击网页页面上设置的错误上报按键后的截图操作，获取所述截图操作所覆盖的网页界面坐标范围作为所述网页错误区域标记所覆盖的网页界面坐标范围；
将所述截图操作覆盖的网页区域作为所述网页错误区域，生成带有网页错误区域标记的第一网页截图。


4.根据权利要求1所述的方法，其中，根据所述网页界面坐标范围，获取与该网页界面坐标范围对应的网页代码片段包括：
根据所述网页界面坐标范围，在网页脚本文件中，确定与所述网页界面坐标范围对应的DOM节点，并获取与所述DOM节点对应的网页代码片段。


5.根据权利要求1所述的方法，其中，所述将所述带有网页错误区域标记的第一网页截图和所述代码片段进行组合后，执行错误上报处理包括：
将所述代码片段进行截图处理，并与...

【专利技术属性】
技术研发人员：李伟，曹柯，邱俊，
申请(专利权)人：阿里巴巴集团控股有限公司，
类型：发明
国别省市：开曼群岛;KY