CN114637681A - 基于人工智能的h5页面调试及评估方法及相关设备 - Google Patents

Abstract

本申请提出一种基于人工智能的H5页面调试及评估方法、装置、电子设备及存储介质，基于人工智能的H5页面调试及评估方法包括：依据预设方式获取H5程序包的URL地址；终端APP基于所述URL地址加载所述H5程序包至网页视图中；依据所述网页视图对所述H5程序包进行调试以获取调试结果；基于预设的指标对所述调试结果进行评估以获取指标调试评分值；基于所述指标调试评分值和预设的阈值获取页面调试结果。本申请可以更为准确的获取H5的页面调试结果，便于开发调试人员据此优化终端APP。

Description

基于人工智能的H5页面调试及评估方法及相关设备

技术领域

本申请涉及人工智能技术领域，尤其涉及一种基于人工智能的H5页面调试及评估方法、装置、电子设备及存储介质。

背景技术

目前大量移动设备APP在进行开发时，为了避免用户需要对更新后的APP进行升级，传统技术中逐渐采用H5取代了大部分原生开发内容，然而，H5调试人员需要经常对涉及APP开发或者修复等方面的APP进行调试。

现有技术中已经实现调试人员直接访问APP上的页面进行调试，然而由于APP会运行在不同的手机等终端设备上，而各终端设备的配置并不一致，从而会产生不同的调试结果，导致无法对调试APP时的真实效果进行评估。

发明内容

鉴于以上内容，有必要提出一种基于人工智能的H5页面调试及评估方法及相关设备，以解决如何评估H5页面的调试结果这一技术问题，其中，相关设备包括基于人工智能的H5页面调试及评估装置、电子设备及存储介质。

本申请提供一种基于人工智能的H5页面调试及评估方法，所述方法包括：

依据预设方式获取H5程序包的URL地址；

终端APP基于所述URL地址加载所述H5程序包至网页视图中；

依据所述网页视图对所述H5程序包进行调试以获取调试结果；

基于预设的指标对所述调试结果进行评估以获取指标调试评分值；

基于所述指标调试评分值和预设的阈值获取页面调试结果。

如此，本申请通过获取H5程序包的URL地址来加载所述H5程序包至网页视图中进行多台终端的H5调试，并根据预设的指标对调试结果进行评估，从而判断当前针对H5的页面调试结果是否合格，本方案可以更为准确的获取H5的页面调试结果，便于开发调试人员据此优化终端APP。

在一些实施例中，所述终端APP基于所述URL地址加载所述H5程序包至网页视图中包括：

解析所述URL地址以获取IP地址；

终端APP基于所述IP地址访问对应的服务器以加载所述H5程序包至网页视图中。

如此，能够通过所述URL地址从服务器中自动加载所述H5程序包，提高了H5程序包的加载效率，同时为后续过程依据网页视图对所述H5程序包进行调试提供了可能。

在一些实施例中，所述依据所述网页视图对所述H5程序包进行调试以获取调试结果包括：

依据HTML解析器解析所述H5程序包以构建文档对象模型；

依据CSS解析器解析所述H5程序包以构建CSS对象模型；

匹配所述文档对象模型和所述CSS对象模型以获取渲染树；

所述渲染树通过所述网页视图渲染所述H5程序包对应的前端页面以对所述H5程序包进行调试并获取调试结果。

如此，可以通过获取到的渲染树完成对所述网页视图渲染的过程，将所述H5程序包中所包含的元素以图像的形式展示出来，从而实现对所述终端APP的调试。

在一些实施例中，所述依据所述网页视图对所述H5程序包进行调试以获取调试结果之前，所述方法还包括：

判断所述H5程序包中所包含的每个页面是否异常，若存在异常，则依据预设的全局异常处理函数再次读取所述H5程序包中的代码以获取异常位置代码，并重写所述异常位置代码以修复所述异常。

如此，可以及时对所述H5程序包中的错误信息进行修正，保证所述H5程序包中所包含的每个页面都能够进行正常调试，提高调试结果的准确性。

在一些实施例中，所述基于预设的指标对所述调试结果进行评估以获取指标调试评分值包括：

依据预设的指标和所述调试结果构建指标数据集，所述预设的指标包括白屏时间、FPS和HTTP请求时间；

依据预设的指标标准值和所述指标数据集构建数据分布图；

基于所述数据分布图对所述调试结果进行评估以获取指标调试评分值。

如此，通过构建数据分布图来对所述调试结果进行评估，可以直观准确的获取各预设指标的指标调试评分值，从而有助于后续过程中对页面调试结果是否合格的准确判断。

在一些实施例中，所述指标调试评分值满足关系式：

其中，G_j表示第j个指标数据集的调试评分值，N_j表示第j个指标数据集的总数据量，n_ji表示第j个指标数据集的第i个数据，k_ji表示第j个指标数据集的第i个数据的数据量占总数据量的比例。

如此，可根据各指标数据集中每个数据的数据量占对应的总数据量的比例进行加权求和，获得更为准确的指标调试评分值。

在一些实施例中，所述基于所述指标调试评分值和预设的阈值获取页面调试结果还包括：

计算所述指标调试评分值的平均值以获取指标调试平均值；

基于所述指标调试平均值和预设的阈值判断所述页面调试结果是否合格，若不合格，则按照由小到大的顺序对所述指标调试评分值进行排序以获取排序结果，并依据所述排序结果对所述H5页面再次进行调试。

如此，可以在所述页面调试结果不合格的时候，根据所述指标调试评分值的排序结果指导调试人员优先对指标调试评分值低的部分进行调试优化，从而提高调试效率。

本申请实施例还提供一种基于人工智能的H5页面调试及评估装置，所述装置包括：

获取单元，用于依据预设方式获取H5程序包的URL地址；

加载单元，用于终端APP基于所述URL地址加载所述H5程序包至网页视图中；

调试单元，用于依据所述网页视图对所述H5程序包进行调试以获取调试结果；

评估单元，用于基于预设的指标对所述调试结果进行评估以获取指标调试评分值；

所述获取单元，还用于基于所述指标调试评分值和预设的阈值获取页面调试结果。

本申请实施例还提供一种电子设备，所述电子设备包括：

存储器，存储至少一个指令；

处理器，执行所述存储器中存储的指令以实现所述的基于人工智能的H5页面调试及评估方法。

本申请实施例还提供一种计算机可读存储介质，所述计算机可读存储介质中存储有至少一个指令，所述至少一个指令被电子设备中的处理器执行以实现所述的基于人工智能的H5页面调试及评估方法。

附图说明

图1是本申请所涉及的基于人工智能的H5页面调试及评估方法的较佳实施例的流程图。

图2是本申请所涉及的依据所述网页视图对所述H5程序包进行调试以获取调试结果的较佳实施例的流程图。

图3是本申请所涉及的基于预设的指标对所述调试结果进行评估以获取指标调试评分值的较佳实施例的流程图。

图4是本申请所涉及的基于人工智能的H5页面调试及评估装置的较佳实施例的功能模块图。

图5是本申请所涉及的基于人工智能的H5页面调试及评估方法的较佳实施例的电子设备的结构示意图。

图6是本申请所涉及的数据分布图的示例图。

具体实施方式

为了能够更清楚地理解本申请的目的、特征和优点，下面结合附图和具体实施例对本申请进行详细描述。需要说明的是，在不冲突的情况下，本申请的实施例及实施例中的特征可以相互结合。在下面的描述中阐述了很多具体细节以便于充分理解本申请，所述描述的实施例仅是本申请一部分实施例，而不是全部的实施例。

此外，术语“第一”、“第二”仅用于描述目的，而不能理解为指示或暗示相对重要性或者隐含指明所指示的技术特征的数量。由此，限定有“第一”、“第二”的特征可以明示或者隐含地包括一个或者更多个所述特征。在本申请的描述中，“多个”的含义是两个或两个以上，除非另有明确具体的限定。

除非另有定义，本文所使用的所有的技术和科学术语与属于本申请的技术领域的技术人员通常理解的含义相同。本文中在本申请的说明书中所使用的术语只是为了描述具体的实施例的目的，不是旨在于限制本申请。本文所使用的术语“和/或”包括一个或多个相关的所列项目的任意的和所有的组合。

本申请实施例提供一种基于人工智能的H5页面调试及评估方法，可应用于一个或者多个电子设备中，电子设备是一种能够按照事先设定或存储的指令，自动进行数值计算和/或信息处理的设备，其硬件包括但不限于微处理器、专用集成电路(ApplicationSpecific Integrated Circuit，ASIC)、可编程门阵列(Field－Programmable GateArray，FPGA)、数字处理器(Digital Signal Processor，DSP)、嵌入式设备等。

电子设备可以是任何一种可与客户进行人机交互的电子产品，例如，个人计算机、平板电脑、智能手机、个人数字助理(Personal Digital Assistant，PDA)、游戏机、交互式网络电视(Internet Protocol Television，IPTV)、智能式穿戴式设备等。

电子设备还可以包括网络设备和/或客户设备。其中，所述网络设备包括，但不限于单个网络服务器、多个网络服务器组成的服务器组或基于云计算(Cloud Computing)的由大量主机或网络服务器构成的云。

电子设备所处的网络包括但不限于互联网、广域网、城域网、局域网、虚拟专用网络(Virtual Private Network，VPN)等。

如图1所示，是本申请基于人工智能的H5页面调试及评估方法的较佳实施例的流程图。根据不同的需求，该流程图中步骤的顺序可以改变，某些步骤可以省略。

S10，依据预设方式获取H5程序包的URL地址。

该可选的实施例中，终端APP预先被开发为APP壳框架及若干个H5程序包，所述H5程序包为实现所述APP功能的独立单元，所述APP壳框架通过装载所述H5程序包来实现所述APP的功能。具体的，所述终端APP主要包括一下两部分内容：

1)APP壳，APP壳主要提供如下内容：(1)部分H5页面不能直接唤起的系统功能和唤起方法，例如相机及GPS定位等系统功能，供H5页面需要时调用；(2)一个全局的Webview(指网页视图，又称为网络视图)窗口，用于装载H5页面，进行渲染；(3)预设的部分调试指令，即通过一系列按钮(例如开启调试、自动修复等)触发，以执行一个个命令进行具体操作。

2)H5程序包，H5程序包是根据预设规则划分的APP包含的H5各部分的独立单元所对应的开发包，例如，根据APP的功能或者APP的模块等将APP划分为不同的H5开发包。H5程序包之间进行协作可以直接通过浏览器的location.href进行页面跳转即可。其中，H5程序包可以为任意个，需要调试哪个H5程序包时，在APP壳中装载对应H5页面所对应的H5程序包即可。由于APP开发完成后，APP壳及APP页面框架结构等一般不会有变动，即APP包含的框架内容是固定的，会产生变动的只是H5程序包所对应的H5页面所包含的具体内容，而本申请实施例中H5程序包所对应的H5页面是部署在服务提供商自身的后台服务器上的，而不是像APP更新一样需要经过第三方平台审核。所以更新时只要更新服务提供商自身的后台服务器的H5页面所对应的H5程序包即可，不影响后续APP的更新。

该可选的实施例中，由于终端APP一般安装于安卓系统和IOS系统中，因此在进行H5页面调试时，APP壳和H5页面程序包可以分别使用各自对应的方式进行交互，例如，在安卓系统中，可以通过桥连接的方式使APP壳和H5页面程序包进行交互，比如Android JS桥交互，Android JS桥交互是指安卓系统中Webview和JS进行交互的方式，使用连接桥JsBridge进行连接，在IOS系统中，IOS Webview与JS交互，可以使用运用JavaScrIPtCore框架进行交互等。

该可选的实施例中，所述一种基于人工智能的H5页面调试及评估装置应用于服务器、调试终端和显示终端。其中，服务器用于存储APP所包含的下载文件，包括APP安装文件(实质是APP壳)及H5程序包，可以将不同的H5程序包存放在不同的服务器上，以实现H5程序包的分布式存储；调试终端又可以称为测试终端，例如智能手机、平板电脑或者智能手表等安装APP的终端设备，调试终端可模拟生产环境下的使用环境，用于对APP运行是否正常进行测试；显示终端用于显示对APP调试过程及结果的计算机设备，例如笔记本电脑或者台式电脑等。

该可选的实施例中，所述预设方式包括自动选择方式或者接收用户输入地址的方式，以获取待调试的所述H5程序包所对应的URL地址。URL，指统一资源定位符，英文为Uniform Resource Locator，缩写为URL，又称为网址，网址格式为：<协议>://<域名或IP>:<端口>/<路径>，其中，<协议>://<域名或IP>是必需的。每个连接到Internet上的主机都会分配一个IP地址，IP地址是用来唯一标识互联网上计算机的逻辑地址，机器之间的访问就是通过IP地址来进行的，可见，URL中包含IP地址。

该可选的实施例中，通过自动选择方式获取待调试的所述H5程序包所对应的URL地址，是指对APP进行调试时，下载H5程序包的本地服务器地址可以由调试终端自动获取，可以通过打开APP时访问当前局域网活动IP地址，并遍历IP地址，对每个IP地址发送一个获取页面的请求，如果能正常返回，表示此局域网IP开启了本地服务，最后将所有开启了本地服务的IP展示在调试APP上，调试人员需要调试哪个IP地址所对应的服务器上的H5程序包就选择哪个。

接收用户输入地址的方式是指调试设备接收调试人员直接输入待调试的H5程序包所在的服务器的IP地址。由于只需要下载进行调试的H5程序包，并且是动态输入所述H5程序包所对应的服务器地址，因此，H5程序包可以设置在不同的服务器上，H5程序包所在服务器的设置具有灵活性和可选择性，从而便于更改服务器，比如可以新增服务器，实现服务器的扩展，前端代码能够部署到更多的分布式服务器中，后续APP根据设置的IP地址动态选择需要访问的服务器，不会影响到调试效率，亦不会给调试人员对APP调试带来负担。

该可选的实施例中，浏览器的主要功能是将用户选择的web资源呈现出来，它需要从服务器请求资源，并将其显示在浏览器窗口中，资源的格式通常是HTML，也包括PDF、image及其他格式。用户用URL(Universal Resource Locator，统一资源定位符)来指定所请求资源的位置，通过DNS查询，将网址转换为IP地址。

如此，通过获取H5程序包的URL地址，可以指明服务器及具体的网页位置，便于后续过程中终端APP据此获取对应的H5程序包。

S11，终端APP基于所述URL地址加载所述H5程序包至网页视图中。

在一个可选的实施例中，所述终端APP基于所述URL地址加载所述H5程序包至网页视图中包括：

S111，解析所述URL地址以获取IP地址。

该可选的实施例中，由于APP壳需要根据H5页面所在的服务器的IP地址装载服务器上的H5程序包，从而访问服务器上的页面，所以在调试终端上打开并进入APP，动态输入需要调试的URL地址，即服务器的域名和对应端口，APP根据输入的IP地址动态选择需要访问的服务器，并装载服务器对应的H5程序包。

该可选的实施例中，由于URL中包含有所述H5程序包所在服务器所对应的IP地址，调试终端获取待调试的所述H5程序包所对应的URL后，可根据预设脚本解析所述URL，从所述URL中解析出所述IP地址。

S112，终端APP基于所述IP地址访问对应的服务器以加载所述H5程序包至网页视图中。

该可选的实施例中，根据所述IP地址，从所述IP地址所对应的服务器上加载所述H5程序包，并将所述H5程序包装载至所述APP壳框架中的网页视图中，以使所述网页视图进一步解析所述H5程序包，对所述H5程序包进行渲染，对所述H5程序包进行渲染的过程，即完成对所述H5程序包进行调试的过程，以显示出所述H5程序包所对应的网页，从而实现对所述H5程序包的调试。

该可选的实施例中，由于任何一个包含H5的APP应用都是从首页开始通过各种链接跳转到首页面所包含的子页面的，所以对H5程序包的调试可以从该H5程序包的首页开始，终端APP根据获取到的终端APP的首页所对应的首页地址来从服务器上加载对应的H5程序包，本方案中所述首页地址可设置为https://10.10.10.10/home.html。

如此，能够通过所述URL地址从服务器中自动加载所述H5程序包，提高了H5程序包的加载效率，同时为后续过程依据网页视图对所述H5程序包进行调试提供了可能。

S12，依据所述网页视图对所述H5程序包进行调试以获取调试结果。

该可选的实施例中，所述网页视图，英文为Webview，又可以称为网络视图，能加载并显示网页，可以将其视为一个浏览器，主要用于展示网络请求后的内容，就是将网络地址请求的内容展示在里面。

具体地，开发APP时，开发APP所对应的APP壳框架，所述APP壳框架能够被单独安装，并包含一些系统功能，例如所述APP壳框架包含网页视图，以通过网页视图显示APP中的各个页面。调试终端打开APP后，根据获得的所述URL地址，从所对应的服务器上下载待调试的H5程序包(即前端代码)，并将所述H5程序包装载至网页视图中，所述网页视图包含于所述APP壳框架，运行待调试的前端代码以对所述待调试的前端代码进行调试。

请参见图2，在一个可选的实施例中，所述依据所述网页视图对所述H5程序包进行调试以获取调试结果包括：

S121，依据HTML解析器解析所述H5程序包以构建文档对象模型。

该可选的实施例中，每个网页(Page)都有一个主框(Main Frame)，该主框通常包含一个HTML Document，主框也可能包含子框(sub frame)，主框和子框构成一个树型结构，每个框也可能包含自己的HTML Document，主框和子框构成的树形结构是一颗DOM(Document Object Model，文档对象模型)树。

该可选的实施例中，浏览器的渲染引擎依据HTML解析器解析所述H5程序包中的HTML文档并把HTML标签转换成DOM树中的DOM节点。解析一个文档意味着把它翻译成有意义的结构以供代码使用，解析的结果通常是一个表征文档的由节点组成的树，称为解析树或句法树，本方案中将通过解析得到的DOM树作为所述文档对象模型。

解析器通常把工作分给两个组件：分词程序、解析程序。所述分词程序负责把输入切分成合法符号序列，所述解析程序负责按照句法规则分析文档结构和构建句法树。

解析器输出的树是由DOM元素和属性节点组成的，DOM是HTML文档的对象化描述，也是HTML元素与外界(如Javascript)的接口。

S122，依据CSS解析器解析所述H5程序包以构建CSS对象模型。

该可选的实施例中，通过CSS解析器解析所述H5程序包从而构建CSSOM(CSSObject Model，CSS对象模型)，其中构建过程类似DOM，当对所述H5程序包进行解析时，若遇到<link>标签，则会请求对应的CSS文件，当CSS文件就位时便开始解析它(如果遇到行内<style>时则直接解析)，这一解析过程可以和构建DOM同时进行。

S123，匹配所述文档对象模型和所述CSS对象模型以获取渲染树。

该可选的实施例中，浏览器从DOM树开始，遍历每一个可见节点，并在CSSOM中根据标签找到匹配的样式进行应用，从而生成所述渲染树。有了渲染树之后，浏览器便能知道网页中有哪些节点、各个节点的CSS定义以及他们的从属关系。

S124，所述渲染树通过所述网页视图渲染所述H5程序包对应的前端页面以对所述H5程序包进行调试并获取调试结果。

该可选的实施例中，浏览器根据所述渲染树计算出每个节点在所述网页视图中的位置，并遍历所述渲染树，使用UI后端层绘制每一个节点，从而完成对所述H5程序包对应的前端页面的渲染，即完成对所述H5程序包进行调试的过程，本方案中将调试完成后得到的前端页面作为所述调试结果。

该可选的实施例中，在依据所述网页视图对所述H5程序包进行调试以获取调试结果之前，还需依据调试终端上的APP判断H5程序包中所包含的每个页面是否存在异常，若存在异常，将错误等异常抛给预设的全局异常处理函数，全局异常处理函数根据异常再一次读取H5程序包中所包含的代码，读取异常在H5程序包中所对应的异常位置代码，根据所述异常位置代码上报的异常类型，对异常位置所对应的代码进行重写，从而修复出现的异常。例如，当执行某个事件对应的方法时，若出现错误，将错误抛给全局的错误处理函数，错误处理函数在捕获到错误数据后，会将错误信息进行整理，然后自动解决错误，或者提醒调试人员手动解决错误。若是手动解决，异常处理函数跳过此异常，调试人员自己在代码中修改错误。若是自动修复，就利用异常处理函数中定义的异常处理方法进行异常修复，比如，若上报的错误是某个参数未定义，直接在代码段中写入此参数即可。该可选的实施例中，可通过显示终端以映射方式对所述调试终端上所述APP的调试进行显示，所述显示终端为通过映射方式显示调试终端上所述APP的调试过程和调试结果的计算机设备，所述显示终端包括台式电脑或者笔记本电脑。

该可选的实施例中，由于需要调试的代码会存在两种服务器中，一种是公司的服务器，另一种是调试人员自身的本地服务器(本地服务器指以调试人员自己电脑作为服务器时的服务器，将需要运行的代码存储到自己电脑上，以使所述调试终端从自己电脑上下载所述代码并运行的过程称为本地服务器运行)。当服务器为本地服务器时，可以通过将在调试终端上的调试过程映射至调试人员的本地电脑所对应的显示终端，此时，显示终端包括笔记本电脑或者台式机电脑等调试人员使用的计算机设备，本地服务器开启时，通过APP壳装载本地服务器上的H5页面进行调试，此时将调试信息映射至电脑上，会使调试人员更容易查看调试结果及对调试中的问题进行定位和修改，能够缩短调试过程，从而提高对APP的调试效率。若是公司服务器可以不做映射，直接在调试终端上显示。

该可选的实施例中，显示终端通过数据线等方式与调试终端进行连接，例如台式机电脑等显示终端通过数据线访问APP，是通过调试人员电脑上的浏览器访问调试终端上相对应的浏览器调试工具以连接至调试终端上的APP。例如将智能手机通过数据线连接至电脑时，安卓手机是利用chrome的设备管理器访问接入设备，IOS手机是利用Safari的开发者模式识别到接入设备。

如此，可以通过获取到的渲染树完成对所述网页视图渲染的过程，将所述H5程序包中所包含的元素以图像的形式展示出来，从而实现对所述终端APP的调试。

S13，基于预设的指标对所述调试结果进行评估以获取指标调试评分值。

请参见图3，在一个可选的实施例中，所述基于预设的指标对所述调试结果进行评估以获取指标调试评分值包括：

S131，依据预设的指标和所述调试结果构建指标数据集，所述预设的指标包括白屏时间、FPS和HTTP请求时间。

该可选的实施例中，所述预设的指标包括白屏时间、FPS和Http请求时间，其中，白屏时间指的是加载H5程序包至网页视图到网页视图开始显示内容的时间，FPS表示的是每秒钟网页视图画面的更新次数，Http请求时间指的是针对每个URL进行请求开始到收到返回值的时间。

该可选的实施例中，可同时使用多台不同型号的终端对共同的H5程序包进行调试，如根据淘宝、京东等网上商城的手机销量排名，选择当月销量排名前十的十台手机分别对同一H5程序包进行调试，每台终端可调试多次，如100次，从而获得多个所述调试结果对应的前端页面，并根据所述调试结果对应的前端页面采集预设的指标所对应的数据，进而得到对应于三个预设指标的指标数据集，所述指标数据集包括白屏时间数据集、FPS数据集和Http数据集。

S132，依据预设的指标标准值和所述指标数据集构建数据分布图。

如图6所示，该可选的实施例中，预先设置各指标的标准值，并根据各指标数据集和对应的标准值建立数据分布图。其中，分布图以标准值为中轴(y轴)，以各数据点对应的指标评分值为横轴(x轴)，指标数据集中数据的最大值和最小值作为对应数据分布图的两个边界，分别对应分值为-100和+100，原点处对应的分值为0，中轴线表示各数据点的数据量占总数据量的比例，边界区间内各数据点值通过归一化算法分别进行归一化计算获取对应的分值。

S133，基于所述数据分布图对所述调试结果进行评估以获取指标调试评分值。

该可选的实施例中，所述指标调试评分值满足关系式：

其中，G_j表示第j个指标数据集的指标调试评分值，N_j表示第j个指标数据集的总数据量，n_ji表示第j个指标数据集的第i个数据，k_ji表示第j个指标数据集的第i个数据的数据量占总数据量的比例。

示例性的，以FPS数据集为例，首选设置标准值FPS＝60次/秒，以此标准值为中轴线，比较FPS数据集中的各数据与标准值的大小，若小于标准值，则置于中轴线左侧，若大于标准值，则置于中轴线的右侧。此时对应数据集的最大值为120，最小值为30，则120和30分别对应该数据集的两个边界点，分值分别为-100分和100分，其余各数据点对应的分值根据归一化公式可计算得到，若FPS数据集共有1000个数据，其中PFS为120、30和50的分别占100、100、800个，则最终计算得到的对应的指标调试评分值为G＝(1/10x(-100)+1/10x(100)+800x66.7)/1000＝53.36分。

其他指标对应的指标调试评分值同指标PFS对应的调试评分值的计算过程一致。

如此，通过构建数据分布图来对所述调试结果进行评估，可以直观准确的获取各预设指标的指标调试评分值，从而有助于后续过程中对页面调试结果是否合格的准确判断。

S14，基于所述指标调试评分值和预设的阈值获取页面调试结果。

该可选的实施例中，对得到的三个预设指标对应的指标调试评分值进行求和后计算其平均值作为指标调试平均值，用以评估本次调试结果在不同终端APP上的综合效果。

该可选的实施例中，预设的阈值可设为50分，即所述指标调试平均值能够达到预设的阈值，则所述页面调试结果为合格，若所述指标调试平均值不能能够达到预设的阈值，则所述页面调试结果为不合格。

该可选的实施例中，若所述页面调试结果为不合格，则按照由小到大的顺序对所述指标调试评分值进行排序以获取排序结果，并依据所述排序结果通知调试人员对所述H5页面再次进行调试优化，以使得H5程序包的调试结果达到合格标准。

如此，可以在所述页面调试结果不合格的时候，根据所述指标调试评分值的排序结果指导调试人员优先对指标调试评分值低的部分进行调试优化，从而提高调试效率。

请参见图4，图4是本申请基于人工智能的H5页面调试及评估装置的较佳实施例的功能模块图。基于人工智能的H5页面调试及评估装置11包括获取单元110、加载单元111、调试单元112、评估单元113。本申请所称的模块/单元是指一种能够被处理器13所执行，并且能够完成固定功能的一系列计算机可读指令段，其存储在存储器12中。在本实施例中，关于各模块/单元的功能将在后续的实施例中详述。

在一个可选的实施例中，获取单元110用于依据预设方式获取H5程序包的URL地址。

该可选的实施例中，终端APP预先被开发为APP壳框架及若干个H5程序包，所述H5程序包为实现所述APP功能的独立单元，所述APP壳框架通过装载所述H5程序包来实现所述APP的功能。具体的，所述终端APP主要包括一下两部分内容：

1)APP壳，APP壳主要提供如下内容：(1)部分H5页面不能直接唤起的系统功能和唤起方法，例如相机及GPS定位等系统功能，供H5页面需要时调用；(2)一个全局的Webview(指网页视图，又称为网络视图)窗口，用于装载H5页面，进行渲染；(3)预设的部分调试指令，即通过一系列按钮(例如开启调试、自动修复等)触发，以执行一个个命令进行具体操作。

2)H5程序包，H5程序包是根据预设规则划分的APP包含的H5各部分的独立单元所对应的开发包，例如，根据APP的功能或者APP的模块等将APP划分为不同的H5开发包。H5程序包之间进行协作可以直接通过浏览器的location.href进行页面跳转即可。其中，H5程序包可以为任意个，需要调试哪个H5程序包时，在APP壳中装载对应H5页面所对应的H5程序包即可。由于APP开发完成后，APP壳及APP页面框架结构等一般不会有变动，即APP包含的框架内容是固定的，会产生变动的只是H5程序包所对应的H5页面所包含的具体内容，而本申请实施例中H5程序包所对应的H5页面是部署在服务提供商自身的后台服务器上的，而不是像APP更新一样需要经过第三方平台审核。所以更新时只要更新服务提供商自身的后台服务器的H5页面所对应的H5程序包即可，不影响后续APP的更新。

该可选的实施例中，由于终端APP一般安装于安卓系统和IOS系统中，因此在进行H5页面调试时，APP壳和H5页面程序包可以分别使用各自对应的方式进行交互，例如，在安卓系统中，可以通过桥连接的方式使APP壳和H5页面程序包进行交互，比如Android JS桥交互，Android JS桥交互是指安卓系统中Webview和JS进行交互的方式，使用连接桥JsBridge进行连接，在IOS系统中，IOS Webview与JS交互，可以使用运用JavaScrIPtCore框架进行交互等。

该可选的实施例中，所述一种基于人工智能的H5页面调试及评估装置应用于服务器、调试终端和显示终端。其中，服务器用于存储APP所包含的下载文件，包括APP安装文件(实质是APP壳)及H5程序包，可以将不同的H5程序包存放在不同的服务器上，以实现H5程序包的分布式存储；调试终端又可以称为测试终端，例如智能手机、平板电脑或者智能手表等安装APP的终端设备，调试终端可模拟生产环境下的使用环境，用于对APP运行是否正常进行测试；显示终端用于显示对APP调试过程及结果的计算机设备，例如笔记本电脑或者台式电脑等。

该可选的实施例中，所述预设方式包括自动选择方式或者接收用户输入地址的方式，以获取待调试的所述H5程序包所对应的URL地址。URL，指统一资源定位符，英文为Uniform Resource Locator，缩写为URL，又称为网址，网址格式为：<协议>://<域名或IP>:<端口>/<路径>，其中，<协议>://<域名或IP>是必需的。每个连接到Internet上的主机都会分配一个IP地址，IP地址是用来唯一标识互联网上计算机的逻辑地址，机器之间的访问就是通过IP地址来进行的，可见，URL中包含IP地址。

该可选的实施例中，通过自动选择方式获取待调试的所述H5程序包所对应的URL地址，是指对APP进行调试时，下载H5程序包的本地服务器地址可以由调试终端自动获取，可以通过打开APP时访问当前局域网活动IP地址，并遍历IP地址，对每个IP地址发送一个获取页面的请求，如果能正常返回，表示此局域网IP开启了本地服务，最后将所有开启了本地服务的IP展示在调试APP上，调试人员需要调试哪个IP地址所对应的服务器上的H5程序包就选择哪个。

接收用户输入地址的方式是指调试设备接收调试人员直接输入待调试的H5程序包所在的服务器的IP地址。由于只需要下载进行调试的H5程序包，并且是动态输入所述H5程序包所对应的服务器地址，因此，H5程序包可以设置在不同的服务器上，H5程序包所在服务器的设置具有灵活性和可选择性，从而便于更改服务器，比如可以新增服务器，实现服务器的扩展，前端代码能够部署到更多的分布式服务器中，后续APP根据设置的IP地址动态选择需要访问的服务器，不会影响到调试效率，亦不会给调试人员对APP调试带来负担。

该可选的实施例中，浏览器的主要功能是将用户选择的web资源呈现出来，它需要从服务器请求资源，并将其显示在浏览器窗口中，资源的格式通常是HTML，也包括PDF、image及其他格式。用户用URL(Universal Resource Locator，统一资源定位符)来指定所请求资源的位置，通过DNS查询，将网址转换为IP地址。

在一个可选的实施例中，加载单元111用于终端APP基于所述URL地址加载所述H5程序包至网页视图中。

在一个可选的实施例中，所述终端APP基于所述URL地址加载所述H5程序包至网页视图中包括：

解析所述URL地址以获取IP地址；

终端APP基于所述IP地址访问对应的服务器以加载所述H5程序包至网页视图中。

该可选的实施例中，由于APP壳需要根据H5页面所在的服务器的IP地址装载服务器上的H5程序包，从而访问服务器上的页面，所以在调试终端上打开并进入APP，动态输入需要调试的URL地址，即服务器的域名和对应端口，APP根据输入的IP地址动态选择需要访问的服务器，并装载服务器对应的H5程序包。

该可选的实施例中，由于URL中包含有所述H5程序包所在服务器所对应的IP地址，调试终端获取待调试的所述H5程序包所对应的URL后，可根据预设脚本解析所述URL，从所述URL中解析出所述IP地址。

该可选的实施例中，根据所述IP地址，从所述IP地址所对应的服务器上加载所述H5程序包，并将所述H5程序包装载至所述APP壳框架中的网页视图中，以使所述网页视图进一步解析所述H5程序包，对所述H5程序包进行渲染，对所述H5程序包进行渲染的过程，即完成对所述H5程序包进行调试的过程，以显示出所述H5程序包所对应的网页，从而实现对所述H5程序包的调试。

该可选的实施例中，由于任何一个包含H5的APP应用都是从首页开始通过各种链接跳转到首页面所包含的子页面的，所以对H5程序包的调试可以从该H5程序包的首页开始，终端APP根据获取到的终端APP的首页所对应的首页地址来从服务器上加载对应的H5程序包，本方案中所述首页地址可设置为https://10.10.10.10/home.html。

在一个可选的实施例中，调试单元112用于依据所述网页视图对所述H5程序包进行调试以获取调试结果。

在一个可选的实施例中，所述依据所述网页视图对所述H5程序包进行调试以获取调试结果包括：

依据HTML解析器解析所述H5程序包以构建文档对象模型；

依据CSS解析器解析所述H5程序包以构建CSS对象模型；

匹配所述文档对象模型和所述CSS对象模型以获取渲染树；

所述渲染树通过所述网页视图渲染所述H5程序包对应的前端页面以对所述H5程序包进行调试并获取调试结果。

该可选的实施例中，所述网页视图，英文为Webview，又可以称为网络视图，能加载并显示网页，可以将其视为一个浏览器，主要用于展示网络请求后的内容，就是将网络地址请求的内容展示在里面。

具体地，开发APP时，开发APP所对应的APP壳框架，所述APP壳框架能够被单独安装，并包含一些系统功能，例如所述APP壳框架包含网页视图，以通过网页视图显示APP中的各个页面。调试终端打开APP后，根据获得的所述URL地址，从所对应的服务器上下载待调试的H5程序包(即前端代码)，并将所述H5程序包装载至网页视图中，所述网页视图包含于所述APP壳框架，运行待调试的前端代码以对所述待调试的前端代码进行调试。

该可选的实施例中，每个网页(Page)都有一个主框(Main Frame)，该主框通常包含一个HTML Document，主框也可能包含子框(sub frame)，主框和子框构成一个树型结构，每个框也可能包含自己的HTML Document，主框和子框构成的树形结构是一颗DOM(Document Object Model，文档对象模型)树。

该可选的实施例中，浏览器的渲染引擎依据HTML解析器解析所述H5程序包中的HTML文档并把HTML标签转换成DOM树中的DOM节点。解析一个文档意味着把它翻译成有意义的结构以供代码使用，解析的结果通常是一个表征文档的由节点组成的树，称为解析树或句法树，本方案中将通过解析得到的DOM树作为所述文档对象模型。

解析器通常把工作分给两个组件：分词程序、解析程序。所述分词程序负责把输入切分成合法符号序列，所述解析程序负责按照句法规则分析文档结构和构建句法树。

解析器输出的树是由DOM元素和属性节点组成的，DOM是HTML文档的对象化描述，也是HTML元素与外界(如Javascript)的接口。

该可选的实施例中，通过CSS解析器解析所述H5程序包从而构建CSSOM(CSSObject Model，CSS对象模型)，其中构建过程类似DOM，当对所述H5程序包进行解析时，若遇到<link>标签，则会请求对应的CSS文件，当CSS文件就位时便开始解析它(如果遇到行内<style>时则直接解析)，这一解析过程可以和构建DOM同时进行。

该可选的实施例中，浏览器从DOM树开始，遍历每一个可见节点，并在CSSOM中根据标签找到匹配的样式进行应用，从而生成所述渲染树。有了渲染树之后，浏览器便能知道网页中有哪些节点、各个节点的CSS定义以及他们的从属关系。

该可选的实施例中，浏览器根据所述渲染树计算出每个节点在所述网页视图中的位置，并遍历所述渲染树，使用UI后端层绘制每一个节点，从而完成对所述H5程序包对应的前端页面的渲染，即完成对所述H5程序包进行调试的过程，本方案中将调试完成后得到的前端页面作为所述调试结果。

该可选的实施例中，在依据所述网页视图对所述H5程序包进行调试以获取调试结果之前，还需依据调试终端上的APP判断H5程序包中所包含的每个页面是否存在异常，若存在异常，将错误等异常抛给预设的全局异常处理函数，全局异常处理函数根据异常再一次读取H5程序包中所包含的代码，读取异常在H5程序包中所对应的异常位置代码，根据所述异常位置代码上报的异常类型，对异常位置所对应的代码进行重写，从而修复出现的异常。例如，当执行某个事件对应的方法时，若出现错误，将错误抛给全局的错误处理函数，错误处理函数在捕获到错误数据后，会将错误信息进行整理，然后自动解决错误，或者提醒调试人员手动解决错误。若是手动解决，异常处理函数跳过此异常，调试人员自己在代码中修改错误。若是自动修复，就利用异常处理函数中定义的异常处理方法进行异常修复，比如，若上报的错误是某个参数未定义，直接在代码段中写入此参数即可。该可选的实施例中，可通过显示终端以映射方式对所述调试终端上所述APP的调试进行显示，所述显示终端为通过映射方式显示调试终端上所述APP的调试过程和调试结果的计算机设备，所述显示终端包括台式电脑或者笔记本电脑。

该可选的实施例中，由于需要调试的代码会存在两种服务器中，一种是公司的服务器，另一种是调试人员自身的本地服务器(本地服务器指以调试人员自己电脑作为服务器时的服务器，将需要运行的代码存储到自己电脑上，以使所述调试终端从自己电脑上下载所述代码并运行的过程称为本地服务器运行)。当服务器为本地服务器时，可以通过将在调试终端上的调试过程映射至调试人员的本地电脑所对应的显示终端，此时，显示终端包括笔记本电脑或者台式机电脑等调试人员使用的计算机设备，本地服务器开启时，通过APP壳装载本地服务器上的H5页面进行调试，此时将调试信息映射至电脑上，会使调试人员更容易查看调试结果及对调试中的问题进行定位和修改，能够缩短调试过程，从而提高对APP的调试效率。若是公司服务器可以不做映射，直接在调试终端上显示。

该可选的实施例中，显示终端通过数据线等方式与调试终端进行连接，例如台式机电脑等显示终端通过数据线访问APP，是通过调试人员电脑上的浏览器访问调试终端上相对应的浏览器调试工具以连接至调试终端上的APP。例如将智能手机通过数据线连接至电脑时，安卓手机是利用chrome的设备管理器访问接入设备，IOS手机是利用Safari的开发者模式识别到接入设备。

在一个可选的实施例中，评估单元113用于基于预设的指标对所述调试结果进行评估以获取指标调试评分值。

在一个可选的实施例中，所述基于预设的指标对所述调试结果进行评估以获取指标调试评分值包括：

依据预设的指标和所述调试结果构建指标数据集，所述预设的指标包括白屏时间、FPS和HTTP请求时间；

依据预设的指标标准值和所述指标数据集构建数据分布图；

基于所述数据分布图对所述调试结果进行评估以获取指标调试评分值。

该可选的实施例中，所述预设的指标包括白屏时间、FPS和Http请求时间，其中，白屏时间指的是加载H5程序包至网页视图到网页视图开始显示内容的时间，FPS表示的是每秒钟网页视图画面的更新次数，Http请求时间指的是针对每个URL进行请求开始到收到返回值的时间。

该可选的实施例中，可同时使用多台不同型号的终端对共同的H5程序包进行调试，如根据淘宝、京东等网上商城的手机销量排名，选择当月销量排名前十的十台手机分别对同一H5程序包进行调试，每台终端可调试多次，如100次，从而获得多个所述调试结果对应的前端页面，并根据所述调试结果对应的前端页面采集预设的指标所对应的数据，进而得到对应于三个预设指标的指标数据集，所述指标数据集包括白屏时间数据集、FPS数据集和Http数据集。

如图6所示，该可选的实施例中，预先设置各指标的标准值，并根据各指标数据集和对应的标准值建立数据分布图。其中，分布图以标准值为中轴(y轴)，以各数据点对应的指标评分值为横轴(x轴)，指标数据集中数据的最大值和最小值作为对应数据分布图的两个边界，分别对应分值为-100和+100，原点处对应的分值为0，中轴线表示各数据点的数据量占总数据量的比例，边界区间内各数据点值通过归一化算法分别进行归一化计算获取对应的分值。

该可选的实施例中，所述指标调试评分值满足关系式：

其中，G_j表示第j个指标数据集的指标调试评分值，N_j表示第j个指标数据集的总数据量，n_ji表示第j个指标数据集的第i个数据，k_ji表示第j个指标数据集的第i个数据的数据量占总数据量的比例。

示例性的，以FPS数据集为例，首选设置标准值FPS＝60次/秒，以此标准值为中轴线，比较FPS数据集中的各数据与标准值的大小，若小于标准值，则置于中轴线左侧，若大于标准值，则置于中轴线的右侧。此时对应数据集的最大值为120，最小值为30，则120和30分别对应该数据集的两个边界点，分值分别为-100分和100分，其余各数据点对应的分值根据归一化公式可计算得到，若FPS数据集共有1000个数据，其中PFS为120、30和50的分别占100、100、800个，则最终计算得到的对应的指标调试评分值为G＝(1/10x(-100)+1/10x(100)+800x66.7)/1000＝53.36分。

其他指标对应的指标调试评分值同指标PFS对应的调试评分值的计算过程一致。

在一个可选的实施例中，所述获取单元110还用于基于所述指标调试评分值和预设的阈值获取页面调试结果。

该可选的实施例中，对得到的三个预设指标对应的指标调试评分值进行求和后计算其平均值作为指标调试平均值，用以评估本次调试结果在不同终端APP上的综合效果。

该可选的实施例中，预设的阈值可设为50分，即所述指标调试平均值能够达到预设的阈值，则所述页面调试结果为合格，若所述指标调试平均值不能能够达到预设的阈值，则所述页面调试结果为不合格。

该可选的实施例中，若所述页面调试结果为不合格，则按照由小到大的顺序对所述指标调试评分值进行排序以获取排序结果，并依据所述排序结果通知调试人员对所述H5页面再次进行调试优化，以使得H5程序包的调试结果达到合格标准。

由以上技术方案可以看出，本申请能够通过获取H5程序包的URL地址来加载所述H5程序包至网页视图中进行多台终端的H5调试，并根据预设的指标对调试结果进行评估，从而判断当前针对H5的页面调试结果是否合格，本方案可以更为准确的获取H5的页面调试结果，便于开发调试人员据此优化终端APP。

请参见图5，是本申请实施例提供的一种电子设备的结构示意图。电子设备1包括存储器12和处理器13。存储器12用于存储计算机可读指令，处理器13用执行所述储器中存储的计算机可读指令以实现上述任一实施例所述的基于人工智能的H5页面调试及评估方法。

在一个可选的实施例中，电子设备1还包括总线、存储在所述存储器12中并可在所述处理器13上运行的计算机程序，例如基于人工智能的H5页面调试及评估程序。

图5仅示出了具有存储器12和处理器13的电子设备1，本领域技术人员可以理解的是，图5示出的结构并不构成对电子设备1的限定，可以包括比图示更少或者更多的部件，或者组合某些部件，或者不同的部件布置。

结合图1，电子设备1中的所述存储器12存储多个计算机可读指令以实现一种基于人工智能的H5页面调试及评估方法，所述处理器13可执行所述多个指令从而实现：

依据预设方式获取H5程序包的URL地址；

终端APP基于所述URL地址加载所述H5程序包至网页视图中；

依据所述网页视图对所述H5程序包进行调试以获取调试结果；

基于预设的指标对所述调试结果进行评估以获取指标调试评分值；

基于所述指标调试评分值和预设的阈值获取页面调试结果。

具体地，所述处理器13对上述指令的具体实现方法可参考图1对应实施例中相关步骤的描述，在此不赘述。

本领域技术人员可以理解，所述示意图仅仅是电子设备1的示例，并不构成对电子设备1的限定，电子设备1可以是总线型结构，也可以是星形结构，电子设备1还可以包括比图示更多或更少的其他硬件或者软件，或者不同的部件布置，例如电子设备1还可以包括输入输出设备、网络接入设备等。

需要说明的是，电子设备1仅为举例，其他现有的或今后可能出现的电子产品如可适应于本申请，也应包含在本申请的保护范围以内，并以引用方式包含于此。

其中，存储器12至少包括一种类型的可读存储介质，所述可读存储介质可以是非易失性的，也可以是易失性的。所述可读存储介质包括闪存、移动硬盘、多媒体卡、卡型存储器(例如：SD或DX存储器等)、磁性存储器、磁盘、光盘等。存储器12在一些实施例中可以是电子设备1的内部存储单元，例如该电子设备1的移动硬盘。存储器12在另一些实施例中也可以是电子设备1的外部存储设备，例如电子设备1上配备的插接式移动硬盘、智能存储卡(Smart Media Card,SMC)、安全数字(Secure Digital,SD)卡、闪存卡(Flash Card)等。存储器12不仅可以用于存储安装于电子设备1的应用软件及各类数据，例如基于人工智能的H5页面调试及评估程序的代码等，还可以用于暂时地存储已经输出或者将要输出的数据。

处理器13在一些实施例中可以由集成电路组成，例如可以由单个封装的集成电路所组成，也可以是由多个相同功能或不同功能封装的集成电路所组成，包括一个或者多个中央处理器(Central Processing unit，CPU)、微处理器、数字处理芯片、图形处理器及各种控制芯片的组合等。处理器13是电子设备1的控制核心(Control Unit)，利用各种接口和线路连接整个电子设备1的各个部件，通过运行或执行存储在所述存储器12内的程序或者模块(例如执行基于人工智能的H5页面调试及评估程序等)，以及调用存储在所述存储器12内的数据，以执行电子设备1的各种功能和处理数据。

所述处理器13执行所述电子设备1的操作系统以及安装的各类应用程序。所述处理器13执行所述应用程序以实现上述各个基于人工智能的H5页面调试及评估方法实施例中的步骤，例如图1至图3所示的步骤。

示例性的，所述计算机程序可以被分割成一个或多个模块/单元，所述一个或者多个模块/单元被存储在所述存储器12中，并由所述处理器13执行，以完成本申请。所述一个或多个模块/单元可以是能够完成特定功能的一系列计算机可读指令段，该指令段用于描述所述计算机程序在电子设备1中的执行过程。例如，所述计算机程序可以被分割成获取单元110、加载单元111、调试单元112、评估单元113。

上述以软件功能模块的形式实现的集成的单元，可以存储在一个计算机可读取存储介质中。上述软件功能模块存储在一个存储介质中，包括若干指令用以使得一台计算机设备(可以是个人计算机、计算机设备，或者网络设备等)或处理器(processor)执行本申请各个实施例所述的基于人工智能的H5页面调试及评估方法的部分。

电子设备1集成的模块/单元如果以软件功能单元的形式实现并作为独立的产品销售或使用时，可以存储在一个计算机可读取存储介质中。基于这样的理解，本申请实现上述实施例方法中的全部或部分流程，也可以通过计算机程序来指示相关的硬件设备来完成，所述的计算机程序可存储于一计算机可读存储介质中，该计算机程序在被处理器执行时，可实现上述各个方法实施例的步骤。

其中，所述计算机程序包括计算机程序代码，所述计算机程序代码可以为源代码形式、对象代码形式、可执行文件或某些中间形式等。所述计算机可读介质可以包括：能够携带所述计算机程序代码的任何实体或装置、记录介质、U盘、移动硬盘、磁碟、光盘、计算机存储器、只读存储器(ROM，Read-Only Memory)、随机存储器及其他存储器等。

进一步地，计算机可读存储介质可主要包括存储程序区和存储数据区，其中，存储程序区可存储操作系统、至少一个功能所需的应用程序等；存储数据区可存储根据区块链节点的使用所创建的数据等。

本申请所指区块链是分布式数据存储、点对点传输、共识机制、加密算法等计算机技术的新型应用模式。区块链(Blockchain)，本质上是一个去中心化的数据库，是一串使用密码学方法相关联产生的数据块，每一个数据块中包含了一批次网络交易的信息，用于验证其信息的有效性(防伪)和生成下一个区块。区块链可以包括区块链底层平台、平台产品服务层以及应用服务层等。

总线可以是外设部件互连标准(peripheral component interconnect，简称PCI)总线或扩展工业标准结构(extended industry standard architecture，简称EISA)总线等。该总线可以分为地址总线、数据总线、控制总线等。为便于表示，在图5中仅用一根箭头表示，但并不表示仅有一根总线或一种类型的总线。所述总线被设置为实现所述存储器12以及至少一个处理器13等之间的连接通信。

本申请实施例还提供一种计算机可读存储介质(图未示)，计算机可读存储介质中存储有计算机可读指令，计算机可读指令被电子设备中的处理器执行以实现上述任一实施例所述的基于人工智能的H5页面调试及评估方法。

在本申请所提供的几个实施例中，应该理解到，所揭露的系统，装置和方法，可以通过其它的方式实现。例如，以上所描述的装置实施例仅仅是示意性的，例如，所述模块的划分，仅仅为一种逻辑功能划分，实际实现时可以有另外的划分方式。

所述作为分离部件说明的模块可以是或者也可以不是物理上分开的，作为模块显示的部件可以是或者也可以不是物理单元，即可以位于一个地方，或者也可以分布到多个网络单元上。可以根据实际的需要选择其中的部分或者全部模块来实现本实施例方案的目的。

另外，在本申请各个实施例中的各功能模块可以集成在一个处理单元中，也可以是各个单元单独物理存在，也可以两个或两个以上单元集成在一个单元中。上述集成的单元既可以采用硬件的形式实现，也可以采用硬件加软件功能模块的形式实现。

此外，显然“包括”一词不排除其他单元或步骤，单数不排除复数。说明书陈述的多个单元或装置也可以由一个单元或装置通过软件或者硬件来实现。第一、第二等词语用来表示名称，而并不表示任何特定的顺序。

最后应说明的是，以上实施例仅用以说明本申请的技术方案而非限制，尽管参照较佳实施例对本申请进行了详细说明，本领域的普通技术人员应当理解，可以对本申请的技术方案进行修改或等同替换，而不脱离本申请技术方案的精神和范围。

Claims (10)

1.一种基于人工智能的H5页面调试及评估方法，其特征在于，所述方法包括：

依据预设方式获取H5程序包的URL地址；

终端APP基于所述URL地址加载所述H5程序包至网页视图中；

依据所述网页视图对所述H5程序包进行调试以获取调试结果；

基于预设的指标对所述调试结果进行评估以获取指标调试评分值；

基于所述指标调试评分值和预设的阈值获取页面调试结果。

2.如权利要求1所述的基于人工智能的H5页面调试及评估方法，其特征在于，所述终端APP基于所述URL地址加载所述H5程序包至网页视图中包括：

解析所述URL地址以获取IP地址；

终端APP基于所述IP地址访问对应的服务器以加载所述H5程序包至网页视图中。

3.如权利要求1所述的基于人工智能的H5页面调试及评估方法，其特征在于，所述依据所述网页视图对所述H5程序包进行调试以获取调试结果包括：

依据HTML解析器解析所述H5程序包以构建文档对象模型；

依据CSS解析器解析所述H5程序包以构建CSS对象模型；

匹配所述文档对象模型和所述CSS对象模型以获取渲染树；

所述渲染树通过所述网页视图渲染所述H5程序包对应的前端页面以对所述H5程序包进行调试并获取调试结果。

4.如权利要求3所述的基于人工智能的H5页面调试及评估方法，其特征在于，所述依据所述网页视图对所述H5程序包进行调试以获取调试结果之前，所述方法还包括：

判断所述H5程序包中所包含的每个页面是否异常，若存在异常，则依据预设的全局异常处理函数再次读取所述H5程序包中的代码以获取异常位置代码，并重写所述异常位置代码以修复所述异常。

5.如权利要求1所述的基于人工智能的H5页面调试及评估方法，其特征在于，所述基于预设的指标对所述调试结果进行评估以获取指标调试评分值包括：

依据预设的指标和所述调试结果构建指标数据集，所述预设的指标包括白屏时间、FPS和HTTP请求时间；

依据预设的指标标准值和所述指标数据集构建数据分布图；

基于所述数据分布图对所述调试结果进行评估以获取指标调试评分值。

6.如权利要求5所述的基于人工智能的H5页面调试及评估方法，其特征在于，所述指标调试评分值满足关系式：

其中，G_j表示第j个指标数据集的调试评分值，N_j表示第j个指标数据集的总数据量，n_ji表示第j个指标数据集的第i个数据，k_ji表示第j个指标数据集的第i个数据的数据量占总数据量的比例。

7.如权利要求1所述的基于人工智能的H5页面调试及评估方法，其特征在于，所述基于所述指标调试评分值和预设的阈值获取页面调试结果还包括：

计算所述指标调试评分值的平均值以获取指标调试平均值；

基于所述指标调试平均值和预设的阈值判断所述页面调试结果是否合格，若不合格，则按照由小到大的顺序对所述指标调试评分值进行排序以获取排序结果，并依据所述排序结果对所述H5页面再次进行调试。

8.一种基于人工智能的H5页面调试及评估装置，其特征在于，所述装置包括：

获取单元，用于依据预设方式获取H5程序包的URL地址；

加载单元，用于终端APP基于所述URL地址加载所述H5程序包至网页视图中；

调试单元，用于依据所述网页视图对所述H5程序包进行调试以获取调试结果；

评估单元，用于基于预设的指标对所述调试结果进行评估以获取指标调试评分值；

所述获取单元，还用于基于所述指标调试评分值和预设的阈值获取页面调试结果。

9.一种电子设备，其特征在于，所述电子设备包括：

存储器，存储有计算机可读指令；及

处理器，执行所述存储器中存储的计算机可读指令以实现如权利要求1至7中任意一项所述的基于人工智能的H5页面调试及评估方法。

10.一种计算机可读存储介质，其特征在于，所述计算机可读存储介质上存储有计算机可读指令，所述计算机可读指令被处理器执行时实现如权利要求1至7中任一项所述的基于人工智能的H5页面调试及评估方法。

Images