[发明专利]一种用于客户端的分析网页问题的方法和系统

说明书

本发明公开了一种用于客户端的分析网页问题的方法和系统，通过在关键步骤处插桩构建插桩脚本并构建日志输出脚本，实现网页运行动态信息的捕捉和记录，通过将所述插桩脚本和日志输出脚本发送至客户端从而使得客户端能够以日志形式记录网页运行过程中的相关信息，所述相关信息用于进行网页问题的分析。本发明能够获取到全面的用于分析网页问题的信息，进而提升网页分析的效率，快速定位导致网页问题的漏洞。此外，本发明不阻碍客户端程序的执行，不影响客户端的用户体验。

技术领域

本发明涉及客户端测试领域，尤其涉及一种用于客户端的分析网页问题的方法和系统。

背景技术

在PC客户端或移动客户端中，通常通过内置精简的浏览器内核实现依托于web页面的有关功能，但是这种精简的的浏览器内核只能够提供基本的浏览网页的功能，而舍弃了一些对于用户而言并不适用的功能，比如javascript脚本调试，debug日志打印和异常处理，而这些功能对于分析网页问题却是非常必要的，这些功能的缺失导致了客户端没有较好的开发调试功能，在出现网页问题时难以定位引发网页问题的漏洞。

客户端网页环境千差万别，在用户使用web页面的过程中有可能会遇到各种使用问题，而这些问题有较大的可能与网页环境有关，因此，在开发人员在自己的环境中得不到复现，从而导致了开发人员难以定位导致这些问题的漏洞。虽然开发人员可以通过远程操作客户端来复现这些问题，但因为客户端缺少开发调试的功能，开发人员只能看到问题的表象，依然难以定位导致这些问题的漏洞。

现有技术中，通常采用调试代理工具(fiddler)抓包或通过在网页上弹出消息对话框来定位客户端的漏洞。但是调试代理工具只能判断文件是否加载成功以及后台接口返回数据时候正确，而对于由于网页控件不支持或脚本撰写错误而导致的网页问题无能为力；而通过弹出消息对话框定位漏洞的方法不仅会阻塞程序执行导致效率低下，而且由于难以对交互数据进行捕捉，也无法全面定位网页漏洞。

发明内容

为了解决上述技术问题，本发明提出了一种用于客户端的分析网页问题的方法和系统，通过在关键步骤处插桩并自动生成日志，从而获取全面的用于分析网页问题的信息，进而提升网页分析的效率，快速定位导致网页问题的漏洞。

本发明具体是以如下技术方案实现的：

一种用于客户端的分析网页问题的方法，所述方法包括：

定位用于实现网页业务的关键步骤，在所述关键步骤处插桩构建插桩脚本，所述插桩脚本用于探测所述关键步骤的执行结果；

构建日志输出脚本，所述日志输出脚本用于获取所述执行结果并根据所述执行结果输出日志；

将所述插桩脚本和日志输出脚本发送至客户端；

所述客户端运行所述插桩脚本和日志输出脚本；

根据所述客户端在网页运行过程中生成的日志分析网页问题。

进一步地，所述插桩包括设置数据捕捉接口和/或响应捕捉接口，所述数据捕捉接口用于捕捉客户端与服务器的交互数据；所述响应捕捉接口用于捕捉客户端在网页运行过程中执行操作指令的结果。

进一步地，所述关键步骤包括：加载页面框架、加载样式表、加载脚本文件、脚本初始化、调用服务端接口、调用业务逻辑接口、页面渲染、接受用户操作和/或显示操作结果。

进一步地，还包括将客户端生成的日志上传至服务器。

进一步地，还包括在所述客户端的网页上显示用户交互界面，所述用户交互界面用于与用户交互并呈现所述客户端生成的日志。

在客户端运行网页之前，包括：

将用于展现所述用户交互界面的脚本发送至所述客户端，所述脚本包括html脚本和样式表。

进一步地，还包括：