本发明属于页面性能检测技术领域，具体涉及一种h5页面性能检测方法。
背景技术：
智能手机的普及和移动互联网的发展，都为html5(h5)的发展提供了良好的环境。当前，html5已被广泛应用于营销、广告、传播之中。
html5作为一门重要的开发语言，有着显著的优势，包括开发速度快、运行效率高、安全性好、可扩展性强、开源自由等，但与手机端原生app相比，h5页面具有以下劣势：不稳定性比较强，页面跳转时更加复杂，运行速度容易受网络影响，很容易造成不流畅，甚至出现卡顿或卡死现象。
因此，如何有效对h5页面进行性能测试，从而优化其性能，是目前迫切需要解决的问题。
现有的h5页面性能测试方法，主要具有h5页面性能测试参数种类少的问题，从而降低了测试结果的全面性。
技术实现要素：
针对现有技术存在的缺陷，本发明提供一种h5页面性能检测方法，可有效解决上述问题。
本发明采用的技术方案如下：
本发明提供一种h5页面性能检测方法，包括以下步骤：
步骤1，获取h5页面的性能标准值配置信息；其中，所述性能标准值配置信息包括：h5页面内存占有率阈值、h5页面首启动加载时长阀值、h5页面大小阈值、h5页面首次请求时长阈值、标题标签存在检测项、icon图标存在检测项、pv标签存在检测项以及图片大小阈值；
步骤2，webview向需要被加载的h5页面植入用户cookie信息；
步骤3，webview通过植入的用户cookie信息登录被检测的h5页面；
步骤4，webview开始加载被检测的h5页面的url；当被检测的h5页面加载完毕时，webview获取h5页面实际检测值，包括：h5页面内存占有率实际值、h5页面首启动加载时长实际值、h5页面大小实际值以及h5页面首次请求时长实际值；同时检测是否存在标题标签、icon图标和pv标签；
步骤5，webview比对h5页面实际检测值与对应的性能标准值配置信息，判断h5页面实际检测值是否符合对应的性能标准值配置信息，如果符合，则被检测的h5页面正常，然后执行步骤6；如果不符合，存储异常的h5页面检测项，并对本次检测的h5页面的url进行异常标记，并向性能检测报告中增加进行异常标记的h5页面的url；
步骤6，对被检测的h5页面的html代码进行遍历扫描，判断被检测的h5页面是否存在子链接；其中，所述子链接包括数据子链接和图片子链接；如果不存在，则执行步骤12；如果存在，则进一步判断本次检测到的子链接中是否存在新的子链接，即：对子链接进行去重处理，如果不存在，则执行步骤12；如果存在，对于新的子链接，执行步骤7；其中，新的子链接是指：与前面迭代循环时检测到的子链接不相同的子链接；
步骤7，判断新的子链接是否为图片子链接；如果新的子链接为图片子链接，则执行步骤8；如果新的子链接为数据子链接，则执行步骤11；
步骤8，根据新的子链接下载对应的图片，并判断图片是否在规定的时间内下载成功，如果不成功，则执行步骤9；如果成功，则执行步骤10；
步骤9，向性能检测报告中记录图片子链接异常信息，再判断是否存在下一个新的子链接，如果存在，则返回步骤7；如果不存在，则执行步骤12；
步骤10，获取下载到的图片的图片实际大小值，并将图片实际大小值与图片大小阈值进行比对，判断图片实际大小值是否在图片大小阈值之内，如果是，再判断是否存在下一个新的子链接，如果存在，则返回步骤7；如果不存在，则执行步骤12；
如果不是，则向性能检测报告中增加图片子链接异常的检测信息，然后再判断是否存在下一个新的子链接，如果存在，则返回步骤7；如果不存在，则执行步骤12；
步骤11，根据数据子链接访问对应的下一级需要被检测的h5页面，然后返回步骤4；
步骤12，判断性能检测报告中是否存在性能检测异常信息，如果不存在，则表明被检测的h5页面的性能符合要求，通过性能测试；如果存在，则将最终的性能检测报告上报服务器。
优选的，步骤5中，判断h5页面实际检测值是否符合对应的性能标准值配置信息，具体为：
判断h5页面内存占有率实际值是否小于h5页面内存占有率阈值，如果小于，则符合性能标准值配置信息；如果不小于，则不符合性能标准值配置信息；
判断h5页面首启动加载时长实际值是否小于h5页面首启动加载时长阀值，如果小于，则符合性能标准值配置信息；如果不小于，则不符合性能标准值配置信息；
判断h5页面大小实际值是否小于h5页面大小阈值，如果小于，则符合性能标准值配置信息；如果不小于，则不符合性能标准值配置信息；
判断h5页面首次请求时长实际值是否小于h5页面首次请求时长阈值，如果小于，则符合性能标准值配置信息；如果不小于，则不符合性能标准值配置信息；
判断是否检测到标题标签，如果检测到，则符合性能标准值配置信息；如果没有检测到，则不符合性能标准值配置信息；
判断是否检测到icon图标，如果检测到，则符合性能标准值配置信息；如果没有检测到，则不符合性能标准值配置信息；
判断是否检测到pv标签，如果检测到，则符合性能标准值配置信息；如果没有检测到，则不符合性能标准值配置信息。
本发明提供的h5页面性能检测方法具有以下优点：
(1)能够自动检测h5页面中所有子链接的性能数据收集，因此，不仅能收集h5页面本身性能数据，还能进一步收集图片子链接或数据子链接的性能数据，具有性能数据参数收集全面的优点，从而提高了测试结果的全面性。
(2)可以对h5页面及其子链接的性能值与标准值进行对比，将超过的性能项详细的显示在性能检测报告中，方便用户查看。
附图说明
图1为本发明提供的h5页面性能检测方法的流程示意图；
图2为本发明提供的h5性能检测入口的界面图；
图3为本发明提供的性能检测报告的示意图。
具体实施方式
为了使本发明所解决的技术问题、技术方案及有益效果更加清楚明白，以下结合附图及实施例，对本发明进行进一步详细说明。应当理解，此处所描述的具体实施例仅用以解释本发明，并不用于限定本发明。
本发明主要可以解决以下问题：
(1)在真实手机环境下对h5页面进行性能数据，包括使用内存、首屏加载时长、页面加载时长、h5中图片大小、title等性能数据的收集。
(2)本发明对h5页面里面的所有子链接进行性能数据收集，并对性能数据进行分析，对于存在性能数据超标的h5页面，能准确的显示并定位异常性能数据。
本发明采用的技术方案可描述为：
(1)使用java制作h5性能数据后台，提供h5标准值接口和上报检测的h5性能数据接口。
(2)用oc制作ios应用此应用用于对h5及子页面的性能数据收集和与标准值对比。
(3)检测结束后，将超过标准值数据上报后台，并且在手机端显示检测结果。
本发明所能达到的效果：
(1)能够自动检测h5页面中所有子链接的性能数据收集，因此，不仅能收集h5页面本身性能数据，还能进一步收集图片子链接或数据子链接的性能数据，具有性能数据参数收集全面的优点，从而提高了测试结果的全面性。
(2)可以对h5页面及其子链接的性能值与标准值进行对比，将超过的性能项详细的显示在性能检测报告中，方便用户查看。
本发明提供一种h5页面性能检测方法，参考图1，具体包括以下步骤：
步骤1，获取h5页面的性能标准值配置信息；其中，所述性能标准值配置信息包括：h5页面内存占有率阈值、h5页面首启动加载时长阀值、h5页面大小阈值、h5页面首次请求时长阈值、标题标签存在检测项、icon图标存在检测项、pv标签存在检测项以及图片大小阈值；
步骤2，webview向需要被加载的h5页面植入用户cookie信息；
步骤3，webview通过植入的用户cookie信息登录被检测的h5页面；
步骤4，webview开始加载被检测的h5页面的url；当被检测的h5页面加载完毕时，webview获取h5页面实际检测值，包括：h5页面内存占有率实际值、h5页面首启动加载时长实际值、h5页面大小实际值以及h5页面首次请求时长实际值；同时检测是否存在标题标签、icon图标和pv标签；
步骤5，webview比对h5页面实际检测值与对应的性能标准值配置信息，判断h5页面实际检测值是否符合对应的性能标准值配置信息，如果符合，则被检测的h5页面正常，然后执行步骤6；如果不符合，存储异常的h5页面检测项，并对本次检测的h5页面的url进行异常标记，并向性能检测报告中增加进行异常标记的h5页面的url；
本步骤中，判断h5页面实际检测值是否符合对应的性能标准值配置信息，具体为：
判断h5页面内存占有率实际值是否小于h5页面内存占有率阈值，如果小于，则符合性能标准值配置信息；如果不小于，则不符合性能标准值配置信息；
判断h5页面首启动加载时长实际值是否小于h5页面首启动加载时长阀值，如果小于，则符合性能标准值配置信息；如果不小于，则不符合性能标准值配置信息；
判断h5页面大小实际值是否小于h5页面大小阈值，如果小于，则符合性能标准值配置信息；如果不小于，则不符合性能标准值配置信息；
判断h5页面首次请求时长实际值是否小于h5页面首次请求时长阈值，如果小于，则符合性能标准值配置信息；如果不小于，则不符合性能标准值配置信息；
判断是否检测到标题标签，如果检测到，则符合性能标准值配置信息；如果没有检测到，则不符合性能标准值配置信息；
判断是否检测到icon图标，如果检测到，则符合性能标准值配置信息；如果没有检测到，则不符合性能标准值配置信息；
判断是否检测到pv标签，如果检测到，则符合性能标准值配置信息；如果没有检测到，则不符合性能标准值配置信息。
步骤6，对被检测的h5页面的html代码进行遍历扫描，判断被检测的h5页面是否存在子链接；其中，所述子链接包括数据子链接和图片子链接；如果不存在，则执行步骤12；如果存在，则进一步判断本次检测到的子链接中是否存在新的子链接，即：对子链接进行去重处理，如果不存在，则执行步骤12；如果存在，对于新的子链接，执行步骤7；其中，新的子链接是指：与前面迭代循环时检测到的子链接不相同的子链接；
步骤7，判断新的子链接是否为图片子链接；如果新的子链接为图片子链接，则执行步骤8；如果新的子链接为数据子链接，则执行步骤11；
步骤8，根据新的子链接下载对应的图片，并判断图片是否在规定的时间内下载成功，如果不成功，则执行步骤9；如果成功，则执行步骤10；
步骤9，向性能检测报告中记录图片子链接异常信息，再判断是否存在下一个新的子链接，如果存在，则返回步骤7；如果不存在，则执行步骤12；
步骤10，获取下载到的图片的图片实际大小值，并将图片实际大小值与图片大小阈值进行比对，判断图片实际大小值是否在图片大小阈值之内，如果是，再判断是否存在下一个新的子链接，如果存在，则返回步骤7；如果不存在，则执行步骤12；
如果不是，则向性能检测报告中增加图片子链接异常的检测信息，然后再判断是否存在下一个新的子链接，如果存在，则返回步骤7；如果不存在，则执行步骤12；
步骤11，根据数据子链接访问对应的下一级需要被检测的h5页面，然后返回步骤4；
步骤12，判断性能检测报告中是否存在性能检测异常信息，如果不存在，则表明被检测的h5页面的性能符合要求，通过性能测试；如果存在，则将最终的性能检测报告上报服务器。
如图2所示，为一种具体的apph5性能检测入口界面，使用过程为：(1)启动制作的ios应用根据性能标准值接口获取标准值；(2)输入h5url点击检测；(3)对h5url进行性能数据收集；(4)扫描h5中所有的子url；(5)跳转子url，然后进行(3)(4)(5)递归轮询。(6)当扫描结束后显示检测结果。如图3所示，为一种具体的性能检测报告的示意图。
本发明提供的h5页面性能检测方法具有以下优点：
(1)能够自动检测h5页面中所有子链接的性能数据收集，因此，不仅能收集h5页面本身性能数据，还能进一步收集图片子链接或数据子链接的性能数据，具有性能数据参数收集全面的优点，从而提高了测试结果的全面性。
(2)可以对h5页面及其子链接的性能值与标准值进行对比，将超过的性能项详细的显示在性能检测报告中，方便用户查看。
以上所述仅是本发明的优选实施方式，应当指出，对于本技术领域的普通技术人员来说，在不脱离本发明原理的前提下，还可以做出若干改进和润饰，这些改进和润饰也应视本发明的保护范围。