CN112835793B - 一种网页调试方法及装置 - Google Patents

Abstract

本申请涉及计算机技术领域，提供一种网页调试方法及装置，以解决无法快速定位引发网页故障的页面交互文件的问题，方法包括：在确定第二客户端运行用于生成当前页面的第一页面交互文件时，从第二客户端中获取网页调试参考信息；再根据网页调试参考信息，确定当前访问页面符合预设网页调试规则时，获取并向第二客户端发送对应的目标页面交互文件地址；第二页面交互文件用于在运行时生成包含了网页故障信息的日志，日志用于进行网页调试。第二客户端在运行第二页面交互文件时能够生成包含了网页故障信息的日志，这样日志管理服务器中存储的日志均为包含了网页故障信息的日志，可快速定位引发网页故障的页面交互文件，加快了网页调试的工作效率。

Description

一种网页调试方法及装置

技术领域

本申请涉及计算机技术领域，提供了一种网页调试方法及装置。

背景技术

随着智能手机、平板电脑等便携式智能设备的普及和发展，基于浏览器的网络应用也日益增多。在使用网络应用的过程中，一旦出现网页无法渲染、网页加载堵塞或者网页崩溃等网页故障时，可以通过网页调试方法来解决。

目前常用的网页调试方法为，浏览器将设定时间段内的所有日志上传到日志管理服务器中，再由开发者对日志管理服务器接收到的所有日志进行筛选，获取记录网页故障信息的日志，并基于日志修改相应的JavaScript文件。由此可以看出，记录网页故障信息的日志是定位待调试JavaScript文件的关键，在相关技术中浏览器会生成海量日志，但记录网页故障信息的日志只占海量日志中的一小部分，需要花费大量的检索时间清洗海量日志，才能获得记录网页故障信息的日志，定位引发网页故障的JavaScript文件的效率较低，降低了网页调试的工作效率，导致用户体验感不佳。

有鉴于此，本申请实施例提供了一种新的网页调试方法及装置。

发明内容

本申请实施例提供一种网页调试方法及装置，以解决无法快速定位引发网页故障的页面交互文件的问题。

第一方面，本申请实施例提供了一种网页调试方法，所述方法应用于第一客户端，包括：

在确定第二客户端运行用于生成当前访问页面的第一页面交互文件时，从所述第二客户端中获取网页调试参考信息；

根据所述网页调试参考信息，确定所述当前访问页面符合预设网页调试规则时，获取对应的目标页面交互文件地址，并向所述第二客户端发送所述目标页面交互文件地址；其中，所述目标页面交互文件地址为存储第二页面交互文件的服务器的地址，所述第二页面交互文件用于在运行时生成包含了网页故障信息的日志，所述日志用于进行网页调试。

可选的，所述在确定第二客户端运行用于生成当前访问页面的第一页面交互文件之前，还包括：

对所述第二客户端从对应的第一服务器中获取所述第一页面交互文件的操作进行监听。

可选的，所述网页调试参考信息包括当前访问页面基本信息和当前页面交互文件地址，所述当前页面交互文件地址为存储所述第一页面交互文件的服务器的地址；

在满足以下任意一种条件时，确定包含了所述网页调试参考信息的当前访问页面符合所述网页调试规则：

所述当前访问页面基本信息与预设调试配置表中的历史访问页面基本信息相匹配，且所述当前页面交互文件地址与所述调试配置表中的历史页面交互文件地址相匹配；

所述当前页面交互文件地址与所述调试配置表中的历史页面交互文件地址相匹配。

可选的，所述当前访问页面基本信息包括当前用户的标识信息和当前页面访问地址；

其中，所述当前页面访问地址为所述当前用户输入的网址。

可选的，所述调试配置表是通过以下任意一种或者组合后的方式生成的：

根据各个历史用户发送的网页调试请求生成的；

由所述开发者预先配置的。

可选的，根据所述各个历史用户发送的网页调试请求生成的调试配置表的优先级，高于由所述开发者预先配置的调试配置表。

可选的，在确定所述当前访问页面符合预设的网页调试规则之后，在获取对应的目标页面交互文件地址之前，还包括：

向所述第二客户端发送暂停运行指令，以使所述第二客户端根据所述暂停运行指令，暂停运行所述第一页面交互文件，并将所述第一页面交互文件对应的脚本元素删除。

可选的，所述获取对应的目标页面交互文件地址，包括：

从所述网页调试参考信息中获取当前页面交互文件地址；

根据预设的第一地址计算规则和所述当前页面交互文件地址，得到所述目标页面交互文件地址。

可选的，所述第一地址计算规则包括预配置的第一协议参数，第一域名计算方式以及第一路径计算方式。

可选的，所述根据所述网页调试参考信息，确定所述当前访问页面符合预设网页调试规则，包括：

在所述当前访问页面基本信息与所述调试配置表中的历史访问页面基本信息相匹配、且所述当前页面交互文件地址与所述调试配置表中的历史页面交互文件地址相匹配时，确定所述当前访问页面符合所述网页调试规则；

在确定所述当前访问页面符合所述网页调试规则之后，还包括：

根据预设的第二地址计算规则和当前页面访问地址，得到对应的目标页面访问地址；

向所述第二客户端发送所述目标页面访问地址，以使所述第二客户端从第二服务器中获取对应的目标页面加载文件，并通过运行所述目标页面加载文件得到目标页面。

可选的，所述第二地址计算规则包括预配置的第二协议参数，第二域名计算方式以及第二路径计算方式。

第二方面，本申请实施例提供了一种网页调试方法，所述方法应用于第二客户端，包括：

获取页面访问请求，所述页面访问请求是根据当前用户输入的当前页面访问地址触发生成的；

获取所述页面访问请求携带的所述当前页面访问地址，并根据所述当前页面访问地址，获得当前页面加载文件；

获取所述当前页面加载文件中携带的当前页面交互文件地址，并根据所述当前页面交互文件地址，从第一服务器中获取对应的第一页面交互文件；

在运行所述第一页面交互文件时，若第一客户端确定当前页面符合预设的网页调试规则，则接收所述第一客户端发送的目标页面交互文件地址，并从所述目标页面交互文件地址对应的第二服务器中获取第二页面交互文件；

通过运行所述第二页面交互文件生成相应的日志，并向日志管理服务器发送所述日志，以使开发者根据所述日志管理服务器接收到的所述日志，对所述第二页面交互文件进行调试；其中，所述目标页面交互文件地址为存储所述第二页面交互文件的服务器的地址，所述日志包含了网页故障信息。

第三方面，本申请实施例提供了一种网页调试方法，所述方法应用于第二服务器，包括：

接收第二客户端发送的页面交互文件下载请求，获取所述页面交互文件下载请求中携带的目标页面交互文件地址；

获取与所述目标页面交互文件地址对应的第二页面交互文件，并将所述第二页面交互文件返回给所述第二客户端，以使所述第二客户端通过运行所述第二页面交互文件生成相应的日志，向日志管理服务器发送所述日志，以使开发者根据所述日志管理服务器接收到的所述日志，对所述第二页面交互文件进行调试；其中，所述目标页面交互文件地址为存储所述第二页面交互文件的服务器的地址，所述日志包含了网页故障信息。

第四方面，本申请实施例还提供了一种网页调试装置，所述装置应用于第一客户端，包括：

获取单元，用于在确定第二客户端运行用于生成当前访问页面的第一页面交互文件时，从所述第二客户端中获取网页调试参考信息；

处理单元，用于根据所述网页调试参考信息，确定所述当前访问页面符合预设网页调试规则时，获取对应的目标页面交互文件地址，并向所述第二客户端发送所述目标页面交互文件地址；其中，所述目标页面交互文件地址为存储第二页面交互文件的服务器的地址，所述第二页面交互文件用于在运行时生成包含了网页故障信息的日志，所述日志用于进行网页调试。

可选的，所述获取单元还用于：

对所述第二客户端从对应的第一服务器中获取所述第一页面交互文件的操作进行监听。

可选的，所述网页调试参考信息包括当前访问页面基本信息和当前页面交互文件地址，所述当前页面交互文件地址为存储所述第一页面交互文件的服务器的地址；

在满足以下任意一种条件时，确定包含了所述网页调试参考信息的当前访问页面符合所述网页调试规则：

所述当前访问页面基本信息与预设调试配置表中的历史访问页面基本信息相匹配，且所述当前页面交互文件地址与所述调试配置表中的历史页面交互文件地址相匹配；

所述当前页面交互文件地址与所述调试配置表中的历史页面交互文件地址相匹配。

可选的，所述当前访问页面基本信息包括当前用户的标识信息和当前页面访问地址；

其中，所述当前页面访问地址为所述当前用户输入的网址。

可选的，所述调试配置表是通过以下任意一种或者组合后的方式生成的：

根据各个历史用户发送的网页调试请求生成的；

由所述开发者预先配置的。

可选的，根据所述各个历史用户发送的网页调试请求生成的调试配置表的优先级，高于由所述开发者预先配置的调试配置表。

可选的，所述处理单元还用于：

向所述第二客户端发送暂停运行指令，以使所述第二客户端根据所述暂停运行指令，暂停运行所述第一页面交互文件，并将所述第一页面交互文件对应的脚本元素删除。

可选的，所述处理单元用于：

从所述网页调试参考信息中获取当前页面交互文件地址；

根据预设的第一地址计算规则和所述当前页面交互文件地址，得到所述目标页面交互文件地址。

可选的，所述第一地址计算规则包括预配置的第一协议参数，第一域名计算方式以及第一路径计算方式。

可选的，所述处理单元用于：

在所述当前访问页面基本信息与所述调试配置表中的历史访问页面基本信息相匹配、且所述当前页面交互文件地址与所述调试配置表中的历史页面交互文件地址相匹配时，确定所述当前访问页面符合所述网页调试规则；

所述处理单元还用于：

根据预设的第二地址计算规则和当前页面访问地址，得到对应的目标页面访问地址；

向所述第二客户端发送所述目标页面访问地址，以使所述第二客户端从第二服务器中获取对应的目标页面加载文件，并通过运行所述目标页面加载文件得到目标页面。

可选的，所述第二地址计算规则包括预配置的第二协议参数，第二域名计算方式以及第二路径计算方式。

第五方面，本申请实施例还提供了一种网页调试装置，所述装置应用于第二客户端，包括：

获取单元，用于获取页面访问请求，所述页面访问请求是根据当前用户输入的当前页面访问地址触发生成的；

获取所述页面访问请求携带的所述当前页面访问地址，并根据所述当前页面访问地址，获得当前页面加载文件；

获取所述当前页面加载文件中携带的当前页面交互文件地址，并根据所述当前页面交互文件地址，从第一服务器中获取对应的第一页面交互文件；

处理单元，用于在运行所述第一页面交互文件时，若第一客户端确定当前页面符合预设的网页调试规则，则接收所述第一客户端发送的目标页面交互文件地址，并从所述目标页面交互文件地址对应的第二服务器中获取第二页面交互文件；

发送单元，用于通过运行所述第二页面交互文件生成相应的日志，并向日志管理服务器发送所述日志，以使开发者根据所述日志管理服务器接收到的所述日志，对所述第二页面交互文件进行调试；其中，所述目标页面交互文件地址为存储所述第二页面交互文件的服务器的地址，所述日志包含了网页故障信息。

第六方面，本申请实施例还提供了一种网页调试装置，所述装置应用于第二服务器，包括：

获取单元，用于接收第二客户端发送的页面交互文件下载请求，获取所述页面交互文件下载请求中携带的目标页面交互文件地址；

处理单元，用于获取与所述目标页面交互文件地址对应的第二页面交互文件，并将所述第二页面交互文件返回给所述第二客户端，以使所述第二客户端通过运行所述第二页面交互文件生成相应的日志，向日志管理服务器发送所述日志，以使开发者根据所述日志管理服务器接收到的所述日志，对所述第二页面交互文件进行调试；其中，所述目标页面交互文件地址为存储所述第二页面交互文件的服务器的地址，所述日志包含了网页故障信息。

第七方面，本申请实施例还提供了一种电子设备，包括处理器和存储器，其中，所述存储器存储有程序代码，当所述程序代码被所述处理器执行时，使得所述处理器执行上述任意一种网页调试方法的步骤。

第八方面，本申请实施例还提供了一种计算机可读存储介质，其包括程序代码，当所述程序产品在电子设备上运行时，所述程序代码用于使所述电子设备执行上述任意一种网页调试方法的步骤。

本申请有益效果如下：

本申请实施例提供的一种网页调试方法及装置，在确定第二客户端运行用于生成当前页面的第一页面交互文件时，从第二客户端中获取网页调试参考信息；再根据网页调试参考信息，确定当前访问页面符合预设网页调试规则时，获取对应的目标页面交互文件地址，并向第二客户端发送目标页面交互文件地址；其中，目标页面交互文件地址为存储第二页面交互文件的服务器的地址，第二页面交互文件用于在运行时生成包含了网页故障信息的日志，日志用于进行网页调试。第二客户端在运行第二页面交互文件时能够生成包含了网页故障信息的日志，这样日志管理服务器中存储的日志均为包含了网页故障信息的日志，节省了开发者清洗、筛选海量日志的时间，便于开发者根据日志管理服务器中的日志，快速定位引发网页故障的页面交互文件，进而加快了网页调试的工作效率，提高用户使用感。

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

附图说明

此处所说明的附图用来提供对本申请的进一步理解，构成本申请的一部分，本申请的示意性实施例及其说明用于解释本申请，并不构成对本申请的不当限定。在附图中：

图1为本申请实施例中网页调试系统的架构示意图；

图2为本申请实施例中网页调试的流程示意图；

图3为本申请实施例中基于浏览器的网页调试的流程示意图；

图4为本申请实施例中应用于第一客户端的网页调试装置的结构示意图；

图5为本申请实施例中应用于第二客户端的网页调试装置的结构示意图；

图6为本申请实施例中应用于第二服务器的网页调试装置的结构示意图；

图7为本申请实施例中一种电子设备的结构示意图。

具体实施方式

为使本申请实施例的目的、技术方案和优点更加清楚，下面将结合本申请实施例中的附图，对本申请的技术方案进行清楚、完整地描述，显然，所描述的实施例是本申请技术方案的一部分实施例，而不是全部的实施例。基于本申请文件中记载的实施例，本领域普通技术人员在没有作出创造性劳动前提下所获得的所有其他实施例，都属于本申请技术方案保护的范围。

本申请的说明书和权利要求书及上述附图中的术语“第一”、“第二”等是用于区别类似的对象，而不必用于描述特定的顺序或先后次序。应该理解这样使用的数据在适当情况下可以互换，以便这里描述的本申请的实施例能够以除了在这里图示或描述的那些以外的顺序实施。

随着智能手机、平板电脑等便携式智能设备的普及和发展，基于浏览器的网络应用也日益增多。在使用网络应用的过程中，一旦出现网页无法渲染、网页加载堵塞或者网页崩溃等网页故障时，能够通过网页调试的方法来解决。

目前常用的网页调试方法为，浏览器将设定时间段内的所有日志上传到日志管理服务器中，再由开发者对日志管理服务器接收到的所有日志进行筛选，获取记录网页故障信息的日志，并基于日志修改相应的JavaScript文件。由此可以看出，记录网页故障信息的日志是定位待调试JavaScript文件的关键，在相关技术中浏览器会生成海量日志，但记录网页故障信息的日志只占海量日志中的一小部分，需要花费大量的检索时间清洗海量日志，才能获得记录网页故障信息的日志，定位引发网页故障的JavaScript文件的效率较低，降低了网页调试的工作效率，导致用户体验感不佳。有鉴于此，本申请实施例提供了一种新的网页调试方法及装置。

参阅图1示出的网页调试系统的架构示意图，在该系统中包括第二客户端，以及分别与第二客户端建立通信连接的第一客户端、第一服务器、第二服务器和日志管理服务器。通信连接可为有线网络连接或者无线网络连接中的任意一种，本申请实施例在此不做限制。

其中，第一客户端为运行了代理程序的客户端，第二客户端为用于检索并展示网络信息资源的浏览器，第一客户端通过运行在该客户端上的代理程序，判断浏览器当前访问的页面是否符合网页调试规则，若是，则令浏览器从第二服务器中获取对应的第二页面交互文件；若否，浏览器继续运行从第一服务器中获取的第一页面交互文件。

第一服务器是用于存储第一页面交互文件、层叠样式表(Cascading StyleSheets，CSS)文件等静态资源的静态资源服务器，第二服务器是用于存储第二页面交互文件的代理服务器，日志管理服务器是用于存储、管理浏览器上传的日志的服务器。本申请实施例中的第一页面交互文件和第二页面交互文件均为JavaScript文件，JavaScript文件可以在网页与用户之间实现一种实时性的、动态的、交互性的关系(如，网页响应于用户按压鼠标左键的动作，执行了页面点击的操作)，而第一页面交互文件和第二页面交互文件的区别在于，浏览器在运行第一页面交互文件时无法生成相应的日志，而浏览器在运行第二页面交互文件时能够生成包含了网页故障信息的日志，这样日志管理服务器中存储的日志均为包含了网页故障信息的日志，便于开发者根据日志管理服务器中的日志，快速定位引发网页故障的页面交互文件，进而加快了网页调试的工作效率，提高用户使用感。

接下来，参阅图2示出的流程示意图，对网页调试的过程进行介绍。

S201：第二客户端获取页面访问请求，该页面访问请求是根据当前用户输入的当前页面访问地址触发生成的。

本申请实施例中的当前页面访问地址指的是统一资源定位符(Uniform ResourceLocator，URL)，是互联网上标准的资源的地址。互联网上的每个文件都有一个唯一的URL，它包含的信息不仅指出了文件的存储位置，还指出了浏览器处理文件的方式。相较于网际协议(Internet Protocol，IP)地址的书写复杂性来说，URL更加方便人们记忆与使用，用户在浏览器搜索栏中输入想要访问的页面的URL，即可触发生成包含了该URL的页面访问请求，并将页面访问请求发送至浏览器中进行后续的处理。

S202：第二客户端获取页面访问请求携带的当前页面访问地址，并根据当前页面访问地址，获得当前页面加载文件。

浏览器通过解析页面访问请求，获取页面访问请求所携带的URL。由于存储在服务器中的文件所对应的地址并不是URL形式的，而是IP地址形式的，因此，浏览器需要先向域名系统(Domain Name System，DNS)服务器发送域名查询请求，确定URL所对应的IP地址，再从IP地址对应的网络服务器中获取超文本标记语言(Hyper Text Markup Language，HTML)文件。而HTML文件正是本申请实施例中的当前页面加载文件，在HTML文件不仅包含了构成当前页面的文字、图形、动画、声音、表格、链接等元素，还包括了CSS文件和JavaScript文件。

S203：第二客户端获取当前页面加载文件中携带的当前页面交互文件地址，并根据当前页面交互文件地址，从第一服务器中获取对应的第一页面交互文件。

在本申请实施例中，当前页面交互文件地址为存储第一页面交互文件的服务器的地址(后续简称为原有JavaScript文件地址)，第一页面交互文件是存储在静态资源服务器上的JavaScript文件(后续简称为原有JavaScript文件)。具体地，浏览器通过运行HTML文件，获取到HTML文件中携带的原有JavaScript文件地址，并从静态资源服务器中获取与原有JavaScript文件地址相对应的原有JavaScript文件。

S204：第一客户端在确定第二客户端运行用于生成当前页面的第一页面交互文件时，从第二客户端中获取网页调试参考信息。

在本申请实施例中，代理程序可以运行在第一客户端上，可以运行在浏览器中，还可以运行在独立服务器中，本申请实施例在此不做限制。因此，在执行步骤204之前，代理程序通过第一客户端，对浏览器从对应的静态资源服务器中获取原有JavaScript文件的操作进行监听；或者，代理程序被嵌入浏览器下载的HTML文件中，当浏览器运行HTML文件时，使得内嵌的代理程序得以运行在浏览器中，并对浏览器从对应的静态资源服务器中获取原有JavaScript文件的操作进行监听；或者，独立服务器与浏览器之间建立通信连接，代理程序通过独立服务器，对浏览器从对应的静态资源服务器中获取原有JavaScript文件的操作进行监听。代理程序的主要是用来判断当前访问页面是否需要进行网页调试的，而原有JavaScript文件中代码行的编译错误正是引发网页故障的原因，因此，需要对浏览器获取原有JavaScript文件的操作进行监听，以便及时拦截原有JavaScript文件的运行进程，避免再次出现网页故障，影响用户的体验感。

例如，终端设备内置了代理程序和浏览器，终端设备响应于用户的触发操作启动浏览器时，也被触发启动了代理程序，使得代理程序对浏览器从对应的静态资源服务器中获取原有JavaScript文件的操作进行监听；

例如，浏览器在运行HTML文件时，启动了内嵌在HTML文件中的代理程序，使得代理程序运行在浏览器中，并对浏览器从对应的静态资源服务器中获取原有JavaScript文件的操作进行监听；

再例如，独立服务器与浏览器之间建立通信连接，代理程序通过独立服务器，对浏览器从对应的静态资源服务器中获取原有JavaScript文件的操作进行监听。

在执行步骤204时，若代理程序运行在第一客户端中，则由第一客户端从浏览器中获取网页调试参考信息；若代理程序运行在浏览器中，则代理程序从浏览器中获取网页调试参考信息；若代理程序运行在独立服务器中，则由独立服务器从浏览器中获取网页调试参考信息。

网页调试参考信息包括当前访问页面基本信息和当前页面交互文件地址两种，具体地，当前页面基本信息包括当前用户的标识信息和当前页面访问地址。例如，网页调试参考信息包括用户身份(Identification，ID)、形如www.xxxx.com的网址，以及网址对应的HTML文件中所携带的JavaScript文件地址。

S205：根据网页调试参考信息，确定当前访问页面符合预设网页调试规则时，获取并向第二客户端发送对应的目标页面交互文件地址；其中，目标页面交互文件地址为存储第二页面交互文件的服务器的地址。

在本申请实施例中，若满足以下任意一种条件，则判定包含了网页调试参考信息的当前访问页面符合网页调试规则：

(1)当前访问页面基本信息与预设调试配置表中的历史访问页面基本信息相匹配，且当前页面交互文件地址与调试配置表中的历史页面交互文件地址相匹配；

(2)当前页面交互文件地址与调试配置表中的历史页面交互文件地址相匹配。

例如，用户ID、用户输入的URL，以及原有JavaScript文件地址，均与调试配置表中存储的信息相匹配，则判定包含了前述网页调试参考信息的当前访问页面符合网页调试规则；

例如，用户ID、用户输入的URL在调试配置表未寻找到相匹配的信息，但原有JavaScript文件地址与调试配置表中存储的信息相匹配，则判定包含了前述调试参考信息的当前页面符合网页调试规则；

例如，用户ID、用户输入的URL与调试配置表中存储的信息相匹配，但原有JavaScript文件地址，在调试配置表中未寻找到相匹配的信息，则判定包含了前述调试参考信息的当前访问页面不符合网页调试规则；

再例如，用户ID、用户输入的URL，以及原有JavaScript文件地址，在调试配置表中均未寻找到相匹配的信息，则判定包含了前述调试参考信息的当前访问页面不符合网页调试规则。

而上述提到的调试配置表记录了需要进行网页调试的页面信息。可选的，调试配置表可通过以下任意一种或者组合后的方式生成：

(1)根据各个历史用户发送的网页调试请求生成的；

(2)由开发者预先配置的。

在本申请实施例中，用户可以通过开启页面上的日志调试开关，主动向浏览器上报出现网页故障的页面信息，还可以由开发者将易出错网页所对应的原有JavaScript文件地址配置到浏览器中，这样做能够采集到更多已发生网页故障的页面或者容易发生网易故障的页面，以便在下一次访问页面时，开发者根据访问页面时生成的日志，快速定位引发网页故障的JavaScript文件，进行后续的网页调试工作，解决页面的网页故障，不仅提高了用户的体验感，还加快了网页调试的工作效率。

例如，历史用户A通过浏览器访问页面B时，若页面B出现页面无法加载、页面无法渲染等网页故障时，可以主动开启页面B的日志调试开关，浏览器在监听到日志调试开关被开启时，获取开启开关的用户A的标识信息和用户A输入的URL，并将用户A的标识信息和用户A输入的URL存储在调试配置表中，而开发者获取该网页对应的原有JavaScript文件地址，并将原有JavaScript文件地址的域名、路径和协议作为参数，配置到调试配置表中；

再例如，开发者预先获取网页故障发生次数较多的网页所对应的原有JavaScript文件地址，并将原有JavaScript文件地址的域名、路径和协议作为参数，配置到调试配置表中。

为了节省调试配置表的内存空间，若根据各个历史用户发送的网页调试请求生成的调试配置表的有效时长超时，则对应的历史访问页面基本信息会被删除。

另外，在本申请实施例中还规定了，根据各个历史用户发送的网页调试请求生成的调试配置表的优先级，高于由开发者预先配置的调试配置表，因此，在判断当前访问页面是否符合网页调试规则时，应该优先匹配调试配置表中是否存储了相应的历史访问页面基本信息，再匹配调试配置表中是否存储了相应的历史页面交互文件地址。

可选的，在确定当前访问页面符合网页调试规则之后，在获取对应的目标页面交互文件之前，代理程序通过第一客户端向浏览器发送暂停运行指令，以使浏览器根据暂停运行指令，暂停运行原有JavaScript文件，并将原有JavaScript文件对应的脚本Script元素删除。

开发者根据日志可以快速定位引发网页故障的JavaScript文件，但浏览器运行原有JavaScript文件无法生成相应的日志，不能帮助开发者快速定位待调试的JavaScript文件，因此，需要先暂停运行原有JavaScript文件，并将原有JavaScript文件对应的Script元素删除。

例如，代理程序通过终端设备向浏览器发送暂停运行指令，以使浏览器根据接收到的暂停运行指令，暂停运行从静态资源服务器中获取到的JavaScript文件，并将JavaScript文件对应的Script元素删除。

在本申请实施例中，目标页面交互文件地址为存储第二页面交互文件的服务器的地址(后续简称为新的JavaScript文件地址)，第二页面交互文件是存储在代理服务器上的JavaScript文件(后续简称为新的JavaScript文件)。可选的，获取新的JavaScript文件地址的方式如下：

从网页调试参考信息中获取原有JavaScript文件地址，再根据预设的第一地址计算规则和原有JavaScript文件地址，得到新的JavaScript文件地址。其中，第一地址计算规则包括预配置的第一协议参数、第一域名计算方式以及第一路径计算方式。

根据原有JavaScript文件地址和第一地址计算规则，计算得到新的域名、协议和路径，进而获得新的JavaScript文件地址。新的JavaScript文件地址不仅指明了用于存储新的JavaScript文件的服务器的地址信息，还指明了新的JavaScript文件在服务器上的具体存储位置，有助于浏览器快速获取到相应的新的JavaScript文件。

S206：第二客户端接收第一客户端发送的目标页面交互文件地址，生成携带了目标页面交互文件地址的页面交互文件下载请求，并向对应的第二服务器发送页面交互文件下载请求。

具体地，浏览器生成包含了新的JavaScript文件地址的页面交互文件下载请求，并向代理服务器发送页面交互文件下载请求。

S207：第二服务器接收第二客户端发送的页面交互文件下载请求，获取页面交互文件下载请求中携带的目标页面交互文件地址。

具体地，代理服务器对页面交互文件下载请求进行解析，获取该请求中携带的新的JavaScript文件地址。

S208：获取与目标交互文件地址对应的第二页面交互文件返回给第二客户端。

具体地，代理服务器获取与新的JavaScript文件地址相对应的新的JavaScript文件，并将新的JavaScript文件返回给浏览器。

S209：第二客户端通过运行第二页面交互文件生成相应的日志，并向日志管理服务器发送日志，以使管理对象根据日志管理服务器接收到的日志，对第二页面交互文件进行调试；其中，日志包含了网页故障信息。

具体地，由于浏览器在运行原有JavaScript文件时无法生成相应的日志，而浏览器在运行新的JavaScript文件时能够生成包含了网页故障信息的日志，这样日志管理服务器中存储的日志均为包含了网页故障信息的日志，节省了开发者清洗、筛选海量日志的时间，便于开发者根据日志管理服务器中的日志，快速定位引发网页故障的页面交互文件，进而加快了网页调试的工作效率，提高用户使用感。

为了便于理解，参阅图3所示的流程示意图，以一具体实施例描述上述网页调试的过程。

S301：浏览器获取并解析页面访问请求，获得页面访问请求携带的原有JavaScript文件地址；

S302：浏览器生成包含原有JavaScript文件地址的页面交互文件下载请求，并向静态资源服务器发送页面交互文件下载请求；S303：静态资源服务器对页面交互文件下载请求进行解析，获取页面交互文件下载请求携带的原有JavaScript文件地址，基于原有JavaScript文件地址，获取并向浏览器发送相应的原有JavaScript文件；

S304：第一客户端确定浏览器运行原有JavaScript文件时，从浏览器中获取用户ID、用户输入的URL，以及原有JavaScript文件地址；

S305：若用户ID、用户输入URL、原有JavaScript文件地址在调试配置表中均与调试配置表中存储的信息相匹配，则判定当前访问页面符合网页调试规则，并基于原有JavaScript文件地址和第一地址计算规则，获取并向浏览器发送新的JavaScript文件地址；

S306：浏览器生成包含新的JavaScript文件地址的页面交互下载请求，并向代理服务器发送页面交互文件下载请求；

S307：代理服务器对页面交互文件下载请求进行解析，获取页面交互文件下载请求携带的新的JavaScript文件地址，基于新的JavaScript文件地址，获取并向浏览器发送相应的新的JavaScript文件；

S308：浏览器通过运行新的JavaScript文件，生成相应的日志，并将日志上传到日志管理服务器中，以使开发者根据日志管理服务器接收到的日志，对新的JavaScript文件进行调试。

另外，本申请实施例中的第一客户端，除了通过运行在该客户端上的代理程序，判断浏览器当前访问的页面是否符合网页调试规则，还可以通过运行在该客户端上的代理程序，实现个性化推荐网页的功能。针对不同用户的浏览偏好进行网页个性化定制，并将定制的网页推送给用户，使得页面展示效果、页面展示内容更加贴近用户的浏览偏好，提高用户的体验感，增加用户粘性，提高产品的关注热度，有利于产品的传播与使用。

在当前访问页面基本信息与调试配置表中的历史访问页面基本信息相匹配、且当前页面交互文件地址与调试配置表中的历史页面交互文件地址相匹配时，确定当前访问页面符合网页调试规则；

先根据预设的第二地址计算规则和当前URL，得到对应的目标URL，其中，第二地址计算规则包括预配置的第二协议参数，第二域名计算方式以及第二路径计算方式，用于计算目标URL的域名、协议和路径；

再向浏览器发送目标URL，以使浏览器从代理服务器中获取与目标URL对应的目标HTML文件，并通过运行目标HTML文件得到目标页面。

参阅图4所示的应用于第一客户端的网页调试装置的结构示意图，该装置中包括获取单元401和处理单元402，其中，

获取单元401，用于在确定第二客户端运行用于生成当前访问页面的第一页面交互文件时，从所述第二客户端中获取网页调试参考信息；

处理单元402，用于根据所述网页调试参考信息，确定所述当前访问页面符合预设网页调试规则时，获取对应的目标页面交互文件地址，并向所述第二客户端发送所述目标页面交互文件地址；其中，所述目标页面交互文件地址为存储第二页面交互文件的服务器的地址，所述第二页面交互文件用于在运行时生成包含了网页故障信息的日志，所述日志用于进行网页调试。

可选的，所述获取单元401还用于：

对所述第二客户端从对应的第一服务器中获取所述第一页面交互文件的操作进行监听。

可选的，所述网页调试参考信息包括当前访问页面基本信息和当前页面交互文件地址，所述当前页面交互文件地址为存储所述第一页面交互文件的服务器的地址；

在满足以下任意一种条件时，确定包含了所述网页调试参考信息的当前访问页面符合所述网页调试规则：

所述当前访问页面基本信息与预设调试配置表中的历史访问页面基本信息相匹配，且所述当前页面交互文件地址与所述调试配置表中的历史页面交互文件地址相匹配；

所述当前页面交互文件地址与所述调试配置表中的历史页面交互文件地址相匹配。

可选的，所述当前访问页面基本信息包括当前用户的标识信息和当前页面访问地址；

其中，所述当前页面访问地址为所述当前用户输入的网址。

可选的，所述调试配置表是通过以下任意一种或者组合后的方式生成的：

根据各个历史用户发送的网页调试请求生成的；

由所述开发者预先配置的。

可选的，根据所述各个历史用户发送的网页调试请求生成的调试配置表的优先级，高于由所述开发者预先配置的调试配置表。

可选的，所述处理单元402还用于：

向所述第二客户端发送暂停运行指令，以使所述第二客户端根据所述暂停运行指令，暂停运行所述第一页面交互文件，并将所述第一页面交互文件对应的脚本元素删除。

可选的，所述处理单元402用于：

从所述网页调试参考信息中获取当前页面交互文件地址；

根据预设的第一地址计算规则和所述当前页面交互文件地址，得到所述目标页面交互文件地址。

可选的，所述第一地址计算规则包括预配置的第一协议参数，第一域名计算方式以及第一路径计算方式。

可选的，所述处理单元402用于：

在所述当前访问页面基本信息与所述调试配置表中的历史访问页面基本信息相匹配、且所述当前页面交互文件地址与所述调试配置表中的历史页面交互文件地址相匹配时，确定所述当前访问页面符合所述网页调试规则；

所述处理单元402还用于：

根据预设的第二地址计算规则和当前页面访问地址，得到对应的目标页面访问地址；

向所述第二客户端发送所述目标页面访问地址，以使所述第二客户端从第二服务器中获取对应的目标页面加载文件，并通过运行所述目标页面加载文件得到目标页面。

可选的，所述第二地址计算规则包括预配置的第二协议参数，第二域名计算方式以及第二路径计算方式。

参阅图5所示的应用于第二客户端的网页调试装置的结构示意图，该装置中包括获取单元501、处理单元502和发送单元503，其中，

获取单元501，用于获取页面访问请求，所述页面访问请求是根据当前用户输入的当前页面访问地址触发生成的；

获取所述页面访问请求携带的所述当前页面访问地址，并根据所述当前页面访问地址，获得当前页面加载文件；

获取所述当前页面加载文件中携带的当前页面交互文件地址，并根据所述当前页面交互文件地址，从第一服务器中获取对应的第一页面交互文件；

处理单元502，用于在运行所述第一页面交互文件时，若第一客户端确定当前页面符合预设的网页调试规则，则接收所述第一客户端发送的目标页面交互文件地址，并从所述目标页面交互文件地址对应的第二服务器中获取第二页面交互文件；

发送单元503，用于通过运行所述第二页面交互文件生成相应的日志，并向日志管理服务器发送所述日志，以使开发者根据所述日志管理服务器接收到的所述日志，对所述第二页面交互文件进行调试；其中，所述目标页面交互文件地址为存储所述第二页面交互文件的服务器的地址，所述日志包含了网页故障信息。

参阅图6所示的应用于第二服务器的网页调试装置的结构示意图，该装置中包括获取单元601和处理单元602，其中，

获取单元601，用于接收第二客户端发送的页面交互文件下载请求，获取所述页面交互文件下载请求中携带的目标页面交互文件地址；

处理单元602，用于获取与所述目标页面交互文件地址对应的第二页面交互文件，并将所述第二页面交互文件返回给所述第二客户端，以使所述第二客户端通过运行所述第二页面交互文件生成相应的日志，向日志管理服务器发送所述日志，以使开发者根据所述日志管理服务器接收到的所述日志，对所述第二页面交互文件进行调试；其中，所述目标页面交互文件地址为存储所述第二页面交互文件的服务器的地址，所述日志包含了网页故障信息。

在一些可能的实施方式中，本申请实施例还提供一种电子设备，参阅图7所示，电子设备可以至少包括至少一个处理器701、以及至少一个存储器702。其中，存储器702存储有程序代码，当程序代码被处理器701执行时，使得处器701执行本说明书上述描述的根据本申请各种示例性实施方式的网页调试方法中的步骤。例如，处理器701可以执行如图2中所示的步骤。

在一些可能的实施方式中，本申请提供的网页调试方法的各个方面还可以实现为一种程序产品的形式，其包括程序代码，当程序产品在计算机设备上运行时，程序代码用于使计算机设备执行本说明书上述描述的根据本申请各种示例性实施方式的网页调试方法中的步骤，例如，计算机设备可以执行如图2中所示的步骤。

程序产品可以采用一个或多个可读介质的任意组合。可读介质可以是可读信号介质或者可读存储介质。可读存储介质例如可以是但不限于电、磁、光、电磁、红外线、或半导体的系统、装置或器件，或者任意以上的组合。可读存储介质的更具体的例子(非穷举的列表)包括：具有一个或多个导线的电连接、便携式盘、硬盘、随机存取存储器(RAM)、只读存储器(ROM)、可擦式可编程只读存储器(EPROM或闪存)、光纤、便携式紧凑盘只读存储器(CD-ROM)、光存储器件、磁存储器件、或者上述的任意合适的组合。

本申请的实施方式的用于业务控制的程序产品可以采用便携式紧凑盘只读存储器(CD-ROM)并包括程序代码，并可以在计算装置上运行。然而，本申请的程序产品不限于此，在本文件中，可读存储介质可以是任何包含或存储程序的有形介质，该程序可以被命令执行系统、装置或者器件使用或者与其结合使用。

可读信号介质可以包括在基带中或者作为载波一部分传播的数据信号，其中承载了可读程序代码。这种传播的数据信号可以采用多种形式，包括但不限于电磁信号、光信号或上述的任意合适的组合。可读信号介质还可以是可读存储介质以外的任何可读介质，该可读介质可以发送、传播或者传输用于由命令执行系统、装置或者器件使用或者与其结合使用的程序。

可读介质上包含的程序代码可以用任何适当的介质传输，包括但不限于无线、有线、光缆、RF等，或者上述的任意合适的组合。

可以以一种或多种程序设计语言的任意组合来编写用于执行本申请操作的程序代码，程序设计语言包括面向对象的程序设计语言—诸如Java、C++等，还包括常规的过程式程序设计语言—诸如“C”语言或类似的程序设计语言。程序代码可以完全地在用户计算装置上执行、部分地在用户设备上执行、作为一个独立的软件包执行、部分在用户计算装置上部分在远程计算装置上执行、或者完全在远程计算装置或服务器上执行。在涉及远程计算装置的情形中，远程计算装置可以通过任意种类的网络包括局域网(LAN)或广域网(WAN)连接到用户计算装置，或者，可以连接到外部计算装置(例如利用因特网服务提供商来通过因特网连接)。

尽管已描述了本申请的优选实施例，但本领域内的技术人员一旦得知了基本创造性概念，则可对这些实施例做出另外的变更和修改。所以，所附权利要求意欲解释为包括优选实施例以及落入本申请范围的所有变更和修改。

显然，本领域的技术人员可以对本申请进行各种改动和变型而不脱离本申请的精神和范围。这样，倘若本申请的这些修改和变型属于本申请权利要求及其等同技术的范围之内，则本申请也意图包含这些改动和变型在内。

Claims (24)

1.一种网页调试方法，其特征在于，所述方法应用于第一客户端，包括：

在确定第二客户端运行用于生成当前访问页面的第一页面交互文件时，从所述第二客户端中获取网页调试参考信息，所述网页调试参考信息包括：当前访问页面基本信息和当前页面交互文件地址，所述当前页面交互文件地址为存储所述第一页面交互文件的服务器的地址；

在满足以下任意一种条件时，确定包含了所述网页调试参考信息的当前访问页面符合预设网页调试规则：所述当前访问页面基本信息与预设调试配置表中的历史访问页面基本信息相匹配，且所述当前页面交互文件地址与所述调试配置表中的历史页面交互文件地址相匹配；所述当前页面交互文件地址与所述调试配置表中的历史页面交互文件地址相匹配；

当确定所述当前访问页面符合所述网页调试规则时，获取对应的目标页面交互文件地址，并向所述第二客户端发送所述目标页面交互文件地址；其中，所述目标页面交互文件地址为存储第二页面交互文件的服务器的地址，所述第二页面交互文件用于在运行时生成包含了网页故障信息的日志，所述日志用于进行网页调试。

2.如权利要求1所述的方法，其特征在于，所述在确定第二客户端运行用于生成当前访问页面的第一页面交互文件之前，还包括：

对所述第二客户端从对应的第一服务器中获取所述第一页面交互文件的操作进行监听。

3.如权利要求1所述的方法，其特征在于，所述当前访问页面基本信息包括当前用户的标识信息和当前页面访问地址；

其中，所述当前页面访问地址为所述当前用户输入的网址。

4.如权利要求1所述的方法，其特征在于，所述调试配置表是通过以下任意一种或者组合后的方式生成的：

根据各个历史用户发送的网页调试请求生成的；

由开发者预先配置的。

5.如权利要求4所述的方法，其特征在于，根据所述各个历史用户发送的网页调试请求生成的调试配置表的优先级，高于由所述开发者预先配置的调试配置表。

6.如权利要求1所述的方法，其特征在于，在确定所述当前访问页面符合预设的网页调试规则之后，在获取对应的目标页面交互文件地址之前，还包括：

向所述第二客户端发送暂停运行指令，以使所述第二客户端根据所述暂停运行指令，暂停运行所述第一页面交互文件，并将所述第一页面交互文件对应的脚本元素删除。

7.如权利要求1所述的方法，其特征在于，所述获取对应的目标页面交互文件地址，包括：

从所述网页调试参考信息中获取当前页面交互文件地址；

根据预设的第一地址计算规则和所述当前页面交互文件地址，得到所述目标页面交互文件地址。

8.如权利要求7所述的方法，其特征在于，第一地址计算规则包括预配置的第一协议参数，第一域名计算方式以及第一路径计算方式。

9.如权利要求3所述的方法，其特征在于，

在确定所述当前访问页面符合所述网页调试规则之后，还包括：

根据预设的第二地址计算规则和当前页面访问地址，得到对应的目标页面访问地址；

向所述第二客户端发送所述目标页面访问地址，以使所述第二客户端从第二服务器中获取对应的目标页面加载文件，并通过运行所述目标页面加载文件得到目标页面。

10.如权利要求9所述的方法，其特征在于，所述第二地址计算规则包括预配置的第二协议参数，第二域名计算方式以及第二路径计算方式。

11.一种网页调试方法，其特征在于，所述方法应用于第二客户端，包括：

获取页面访问请求，所述页面访问请求是根据当前用户输入的当前页面访问地址触发生成的；

获取所述页面访问请求携带的所述当前页面访问地址，并根据所述当前页面访问地址，获得当前页面加载文件；

获取所述当前页面加载文件中携带的当前页面交互文件地址，并根据所述当前页面交互文件地址，从第一服务器中获取对应的第一页面交互文件；

在运行所述第一页面交互文件时，若第一客户端确定当前访问页面符合预设的网页调试规则，则接收所述第一客户端发送的目标页面交互文件地址，并从所述目标页面交互文件地址对应的第二服务器中获取第二页面交互文件；其中，所述第一客户端是通过执行以下操作，确定所述当前页面符合所述网页调试规则的：在确定所述第二客户端运行用于生成所述当前访问页面的第一页面交互文件时，从所述第二客户端中获取网页调试参考信息，所述网页调试参考信息包括：当前访问页面基本信息和当前页面交互文件地址，所述当前页面交互文件地址为存储所述第一页面交互文件的服务器的地址；在满足以下任意一种条件时，确定包含了所述网页调试参考信息的当前访问页面符合预设网页调试规则：所述当前访问页面基本信息与预设调试配置表中的历史访问页面基本信息相匹配，且所述当前页面交互文件地址与所述调试配置表中的历史页面交互文件地址相匹配；所述当前页面交互文件地址与所述调试配置表中的历史页面交互文件地址相匹配；

通过运行所述第二页面交互文件生成相应的日志，并向日志管理服务器发送所述日志，以使开发者根据所述日志管理服务器接收到的所述日志，对所述第二页面交互文件进行调试；其中，所述目标页面交互文件地址为存储所述第二页面交互文件的服务器的地址，所述日志包含了网页故障信息。

12.一种网页调试装置，其特征在于，所述装置应用于第一客户端，包括

获取单元，用于在确定第二客户端运行用于生成当前访问页面的第一页面交互文件时，从所述第二客户端中获取网页调试参考信息，所述网页调试参考信息包括：当前访问页面基本信息和当前页面交互文件地址，所述当前页面交互文件地址为存储所述第一页面交互文件的服务器的地址；

处理单元，用于在满足以下任意一种条件时，确定包含了所述网页调试参考信息的当前访问页面符合预设网页调试规则：所述当前访问页面基本信息与预设调试配置表中的历史访问页面基本信息相匹配，且所述当前页面交互文件地址与所述调试配置表中的历史页面交互文件地址相匹配；所述当前页面交互文件地址与所述调试配置表中的历史页面交互文件地址相匹配；

当确定所述当前访问页面符合所述网页调试规则时，获取对应的目标页面交互文件地址，并向所述第二客户端发送所述目标页面交互文件地址；其中，所述目标页面交互文件地址为存储第二页面交互文件的服务器的地址，所述第二页面交互文件用于在运行时生成包含了网页故障信息的日志，所述日志用于进行网页调试。

13.如权利要求12所述的装置，其特征在于，所述获取单元还用于：

对所述第二客户端从对应的第一服务器中获取所述第一页面交互文件的操作进行监听。

14.如权利要求12所述的装置，其特征在于，所述当前访问页面基本信息包括当前用户的标识信息和当前页面访问地址；

其中，所述当前页面访问地址为所述当前用户输入的网址。

15.如权利要求12所述的装置，其特征在于，所述调试配置表是通过以下任意一种或者组合后的方式生成的：

根据各个历史用户发送的网页调试请求生成的；

由开发者预先配置的。

16.如权利要求15所述的装置，其特征在于，根据所述各个历史用户发送的网页调试请求生成的调试配置表的优先级，高于由所述开发者预先配置的调试配置表。

17.如权利要求12所述的装置，其特征在于，所述处理单元还用于：

向所述第二客户端发送暂停运行指令，以使所述第二客户端根据所述暂停运行指令，暂停运行所述第一页面交互文件，并将所述第一页面交互文件对应的脚本元素删除。

18.如权利要求12所述的装置，其特征在于，所述处理单元用于：

从所述网页调试参考信息中获取当前页面交互文件地址；

根据预设的第一地址计算规则和所述当前页面交互文件地址，得到所述目标页面交互文件地址。

19.如权利要求18所述的装置，其特征在于，第一地址计算规则包括预配置的第一协议参数，第一域名计算方式以及第一路径计算方式。

20.如权利要求14所述的装置，其特征在于，

所述处理单元还用于：

根据预设的第二地址计算规则和当前页面访问地址，得到对应的目标页面访问地址；

向所述第二客户端发送所述目标页面访问地址，以使所述第二客户端从第二服务器中获取对应的目标页面加载文件，并通过运行所述目标页面加载文件得到目标页面。

21.如权利要求20所述的装置，其特征在于，所述第二地址计算规则包括预配置的第二协议参数，第二域名计算方式以及第二路径计算方式。

22.一种网页调试装置，其特征在于，所述装置应用于第二客户端，包括：

获取单元，用于获取页面访问请求，所述页面访问请求是根据当前用户输入的当前页面访问地址触发生成的；

获取所述页面访问请求携带的所述当前页面访问地址，并根据所述当前页面访问地址，获得当前页面加载文件；

获取所述当前页面加载文件中携带的当前页面交互文件地址，并根据所述当前页面交互文件地址，从第一服务器中获取对应的第一页面交互文件；

处理单元，用于在运行所述第一页面交互文件时，若第一客户端确定当前访问页面符合预设的网页调试规则，则接收所述第一客户端发送的目标页面交互文件地址，并从所述目标页面交互文件地址对应的第二服务器中获取第二页面交互文件；其中，所述第一客户端是通过执行以下操作，确定所述当前页面符合所述网页调试规则的：在确定所述第二客户端运行用于生成所述当前访问页面的第一页面交互文件时，从所述第二客户端中获取网页调试参考信息，所述网页调试参考信息包括：当前访问页面基本信息和当前页面交互文件地址，所述当前页面交互文件地址为存储所述第一页面交互文件的服务器的地址；在满足以下任意一种条件时，确定包含了所述网页调试参考信息的当前访问页面符合预设网页调试规则：所述当前访问页面基本信息与预设调试配置表中的历史访问页面基本信息相匹配，且所述当前页面交互文件地址与所述调试配置表中的历史页面交互文件地址相匹配；所述当前页面交互文件地址与所述调试配置表中的历史页面交互文件地址相匹配；

发送单元，用于通过运行所述第二页面交互文件生成相应的日志，并向日志管理服务器发送所述日志，以使开发者根据所述日志管理服务器接收到的所述日志，对所述第二页面交互文件进行调试；其中，所述目标页面交互文件地址为存储所述第二页面交互文件的服务器的地址，所述日志包含了网页故障信息。

23.一种电子设备，其特征在于，其包括处理器和存储器，其中，所述存储器存储有程序代码，当所述程序代码被所述处理器执行时，使得所述处理器执行权利要求1~11中任一项所述方法的步骤。

24.一种计算机可读存储介质，其特征在于，其包括程序代码，当所述程序代码在电子设备上运行时，所述程序代码用于使所述电子设备执行权利要求1~11中任一项所述方法的步骤。