[发明专利]一种web页面调试方法及装置

说明书

本申请提供了一种web页面调试方法及装置，在本申请中由插件模拟客户端行为，实现模拟客户端与web页面交互的过程，并生成交互日志，整个过程不需要将web页面打包发布到服务器后在真机中运行，并且，由插件生成交互日志，不需要从真机的客户端中获取交互数据，从而缩短调试时间，提高调试效率。

技术领域

本申请涉及浏览器技术领域，特别涉及一种web页面调试方法及装置。

背景技术

目前，对开发的文本页面进行调试的方式一般为：将开发完成的web页面打包并发布到服务器，发布完成后使用url的形式在真机中打开运行，由真机参与进行调试。

但是，这种调试方式，存在调试效率慢的问题。

发明内容

为解决上述技术问题，本申请实施例提供一种web页面调试方法及装置，以达到提高调试效率的目的，技术方案如下：

一种web页面调试方法，应用于插件，该方法包括：

模拟客户端行为，向浏览器注入通信对象，以使所述浏览器中web页面在检测所述通信对象时，向所述插件发送消息，所述通信对象用于web页面与客户端进行交互；

接收所述消息，并响应所述消息，得到响应结果，发送所述响应结果给所述web页面；

生成交互日志，所述交互日志至少包含与所述接收所述消息，并响应所述消息，得到响应结果，发送所述响应结果给所述web页面的步骤关联的数据；

所述交互日志用于作为分析所述web页面的交互行为是否正确的依据。

可选的，所述向浏览器注入通信对象，包括：

若收到浏览器中打开web页面的事件，则判断所述插件是否为启用状态；

若为启用状态，则判断所述浏览器中web页面的域名是否为白名单域名；

若为白名单域名，则向所述浏览器中注入通信对象。

可选的，所述向浏览器注入通信对象之后，还包括：

判断设置在所述插件中的登录开关是否为启用状态；

若为启用状态，则调用登录接口，以获取用户令牌；

所述响应所述消息，得到响应结果，包括：

对所述消息进行逻辑判断，若判断结果为需要从服务端获取数据，则基于所述用户令牌，从所述服务端获取数据，并生成包含所述数据的响应结果。

可选的，若所述浏览器为安卓系统的客户端，则所述向浏览器注入通信对象，包括：

向所述浏览器中注入与安卓系统匹配的通信对象。

可选的，若所述浏览器为iOS系统的客户端，则所述向浏览器注入通信对象，包括：

向浏览器中注入与所述iOS系统匹配的通信对象。

一种web页面调试装置，包括：

注入模块，用于模拟客户端行为，向浏览器注入通信对象，以使所述浏览器中web页面在检测所述通信对象时，向所述插件发送消息，所述通信对象用于web页面与客户端进行交互；

接收模块，用于接收所述消息；

响应模块，用于响应所述消息，得到响应结果；

发送模块，用于发送所述响应结果给所述web页面；

生成模块，用于生成交互日志，所述交互日志至少包含与所述接收所述消息，并响应所述消息，得到响应结果，发送所述响应结果给所述web页面的步骤关联的数据；