[发明专利]页面调试方法和装置

说明书

本发明公开了一种页面调试方法和装置。其中，该方法包括：接收浏览器目标页面的调试请求，其中，调试请求用于对目标页面进行调试；响应于调试请求在生成目标页面过程中调用调试方法，得到调试信息，其中，调试信息存储在浏览器的缓存中；从缓存中获取调试信息；以及在浏览器的调试框中输出调试信息。本发明解决了相关技术需要安装chrome插件，在chrome中对浏览器页面进行页面调试，导致页面调试比较复杂的技术问题。

技术领域

本发明涉及计算机领域，具体而言，涉及一种页面调试方法和装置。

背景技术

目前，对浏览器页面进行调试时，相关技术通常需要安装chrome插件，在chrome浏览器的调试框中进行调试。具体地，相关技术在PHP中引用chromePHP类，在调用调试方法时，会往 浏览器的头信息header中写入调试内容，在chrome插件中对其进行解析，并将调试信息输出至 chrome的调试框中。

上述浏览器页面的调试方法存在以下缺点：

(1)需要在浏览器中安装chrome插件，且只能在chrome中进行页面调试，导致浏览器页面的调试比较复杂，增加了调试成本。

(2)调试内容需要写入在浏览器头信息header中，但是，header中的存储能力受服务器最大header大小限制，导致调试内容受到限制。

针对上述的问题，目前尚未提出有效的解决方案。

发明内容

本发明实施例提供了一种页面调试方法和装置，以至少解决相关技术需要安装chrome插件，在chrome中对浏览器页面进行页面调试，导致页面调试比较复杂的技术问题。

根据本发明实施例的一个方面，提供了一种页面调试方法，包括：接收浏览器目标页面的调试请求，其中，调试请求用于对目标页面进行调试；响应于调试请求在生成目标页面过程中调用调试方法，得到调试信息，其中，调试信息存储在浏览器的缓存中；从缓存中获取调试信息；以及在浏览器的调试框中输出调试信息。

根据本发明实施例的另一方面，还提供了一种页面调试装置，包括：接收单元，用于接收浏览器目标页面的调试请求，其中，调试请求用于对目标页面进行调试；调用单元，用于响应于调试请求在生成目标页面过程中调用调试方法，得到调试信息，其中，调试信息存储在浏览器的缓存中；获取单元，用于从缓存中获取调试信息；以及输出单元，用于在浏览器的调试框中输出调试信息。

在本发明实施例中，无需在浏览器中安装第三方插件，只需在接收到浏览器目标页面的调试请求之后，在浏览器中响应于该调试请求在生成目标页面过程中调用调试方法，得到调试信息，且该调试信息存储在浏览器的缓存中；然后通过从缓存中获取该调试信息，并将其输出在浏览器的调试框中，达到了无需安装第三方插件亦可以对浏览器页面进行在线调试的目的，进而解决了相关技术需要安装chrome插件，在chrome中对浏览器页面进行页面调试，导致页面调试比较复杂的技术问题，从而实现了简化浏览器页面调试操作，提高浏览器页面调试效率的技术效果。

附图说明

此处所说明的附图用来提供对本发明的进一步理解，构成本申请的一部分，本发明的示意性实施例及其说明用于解释本发明，并不构成对本发明的不当限定。在附图中：

图1是根据本发明实施例的页面调试方法的硬件环境的示意图；

图2是根据本发明实施例的一种可选的页面调试方法的流程图；

图3是根据本发明实施例的判断调试请求是同步请求还是异步请求的代码截图；

图4是根据本发明实施例的object转array方法的代码截图；

图5是根据本发明实施例的调试请求为异步请求的情况下调试信息输出至调试框的过程的示意图；