[发明专利]WEB前端质量检测方法与装置

说明书

技术领域

本发明涉及网络技术领域，特别是涉及一种WEB前端质量检测方法与装置。

背景技术

WEB前端指的是使用html、css、javascript等技术搭建的网站及应用。在目前互联网及移动互联网中，前端技术使用的比例越来越高，在整个项目中的比重也越来越重。与此同时，前端新技术也层出不穷，然而对整个前端质量的监控和度量系统发展迟缓，目前，仅能针对后端开发进行质量监控和检测度量。

与前端的代码经常是杂糅到一起的不同，后端开发一般情况下会使用一种或几种编程语言，通过分层的方式来度量后端的代码质量。如通过代码扫描来度量代码的规范性和质量，用单元测试来覆盖到方法内的逻辑正确性，用UI（User Interface，用户接口）自动化来确保端到端的正确性。每个层级都有其相关的度量方法，如代码扫描可以用千行代码发现的问题数来统计，单元测试可以用行覆盖、方法覆盖、分支覆盖等方法。但是，即使是后端的代码度量，目前的度量机制也非常的分散，没有综合在一起。

因此，一方面，目前针对WEB前端缺乏代码度量的方式；另一方面，即使是后端的代码度量，因度量机制也非常的分散，没有综合在一起，也无法适用到前端。

发明内容

本发明提供了一种WEB前端质量检测方法与装置，以解决现有技术无法有效对WEB前端进行代码度量的问题。

为了解决上述问题，本发明公开了一种WEB前端质量检测方法，包括：获取待检测的WEB前端的页面，确定所述页面的级别；根据所述页面的级别选择相应的检测包，其中，所述检测包按照所述WEB前端的代码层次分别对应设置，每个所述检测包用于收集其对应的代码层次的代码，并对收集的所述代码进行质量检测；使用选择的所述检测包，在所述页面中分别收集相应的代码层次的代码，进行所述页面的代码质量检测。

优选地，所述获取待检测的WEB前端的页面，确定所述页面的级别的步骤包括：获取待检测的WEB前端的页面，根据所述页面的链接级别确定所述页面的级别；或者，获取待检测的WEB前端的页面，根据所述页面的页面浏览PV值，确定所述页面的级别。

优选地，所述WEB前端的代码层次包括代码层、单元层、用户接口UI层、浏览器层和样式层；与所述WEB前端的代码层次相对应的检测包包括前端代码扫描检测包、前端单元测试检测包、前端UI自动化检测包、前端多浏览器对比检测包和前端样式通用检测包。

优选地，所述使用选择的所述检测包，在所述页面中收集相应的代码层次的代码，进行所述页面的代码质量检测的步骤包括：使用选择的所述检测包，在所述页面中收集相应的代码层次的代码；使用选择的所述检测包对收集到的所述代码分别进行代码质量检测，获取检测结果的度量值；根据获取的检测结果的度量值，确定所述WEB前端的代码质量。

优选地，所述根据获取的检测结果的度量值，确定所述WEB前端的代码质量的步骤包括：根据设定规则，对获取的所述检测结果的度量值进行权重调整；根据调整后的所述度量值确定所述WEB前端的代码质量。

优选地，在所述使用选择的所述检测包，在所述页面中收集相应的代码层次的代码，进行所述页面的代码质量检测的步骤之后，还包括：记录所述页面中被检测过的代码；根据记录的所述代码确定所述WEB前端的页面的错误。

为了解决上述问题，本发明还公开了一种WEB前端质量检测装置，包括：确定模块，用于获取待检测的WEB前端的页面，确定所述页面的级别；选择模块，用于根据所述页面的级别选择相应的检测包，其中，所述检测包按照所述WEB前端的代码层次分别对应设置，每个所述检测包用于收集其对应的代码层次的代码，并对收集的所述代码进行质量检测；检测模块，用于使用选择的所述检测包，在所述页面中分别收集相应的代码层次的代码，进行所述页面的代码质量检测。

优选地，所述确定模块，用于获取待检测的WEB前端的页面，根据所述页面的链接级别确定所述页面的级别；或者，用于获取待检测的WEB前端的页面，根据所述页面的页面浏览PV值，确定所述页面的级别。

优选地，所述WEB前端的代码层次包括代码层、单元层、用户接口UI层、浏览器层和样式层；与所述WEB前端的代码层次相对应的检测包包括前端代码扫描检测包、前端单元测试检测包、前端UI自动化检测包、前端多浏览器对比检测包和前端样式通用检测包。