我们可以在Chrome development tool的network tab里观察到从前台UI发送到后台的HTTP请求:
更多Chrome Development Tool的使用工具请查看我的博客Chrome Development Tool tips used in my daily work
但是直接查看到的是经过gzip之后的内容。如何查看压缩之前的请求体内容呢？
鼠标放在HttpRequest-dbg.js上，
会显示出调用栈，单击send:
在第34行设个断点:
重新到UI操作，断点出发之后，查看变量vRequestBody的内容即为请求压缩之前的值。
要获取更多Jerry的原创技术文章，请关注公众号"汪子熙"或者扫描下面二维码:
相关推荐
Chrome开发工具是Google Chrome浏览器内置的一套强大的Web前端开发和调试工具，对于前端开发者来说，它是不可或缺的工作伙伴。这套工具提供了丰富的功能，帮助开发者检查、修改和调试网页内容，优化性能，以及解决...
在开发过程中，还需要注意Chrome的安全策略和权限设置，确保扩展在获取Ajax请求记录时不侵犯用户隐私，并遵循Chrome的扩展开发指南。 总之，Chrome扩展插件获取Ajax请求记录是一项重要的Web开发技能，它可以帮助...
标题中的“谷歌浏览器发送RESTful请求插件”指的是在Google Chrome浏览器中使用的扩展程序，用于方便地发送RESTful API请求。REST（Representational State Transfer）是一种网络应用程序的设计风格和开发方式，基于...
修改chrome的请求头。 Header Editor是一款管理浏览器请求的Chrome扩展，包括修改请求头、修改响应头、重定向请求、取消请求。 您可以从Redirector导入规则 规则说明： 1、匹配类型 规则会应用到满足相应...
4. **预置请求和断言**：预置请求可以帮助你在发送实际请求前执行一些准备操作，如登录或设置cookies。断言功能则可以验证响应数据，确保服务返回的结果符合预期。 5. **响应查看与分析**：Postman会显示完整的HTTP...
XHR Proxy Tool是一款针对Chrome浏览器的插件，它为开发者提供了一种便捷的方式来解决跨域问题，使得开发者能够轻松地进行接口请求。 **什么是XHR？** XMLHttpRequest（XHR）是JavaScript中一个用于在后台与服务器...
3. 请求体：在"Body"部分，可以选择不同的数据格式（form-data、raw、binary等）来发送请求数据。 4. 发送请求：设置好所有参数后，点击"Send"按钮，Postman会向指定URL发送请求，并显示响应结果。 三、响应处理 1....
Postman是一款功能强大的网页调试与发送网页HTTP请求的Chrome插件。用户在开发或者调试网络程序或者是网页B/S模式的程序的时候是需要一些...Postman在发送网络HTTP请求方面可以说是Chrome插件类产品中的代表产品之一。
DHC是一款可以帮助用户使用chrome插件模拟HTTP客户端发送测试数据到服务器的谷歌浏览器插件，在chrome中安装了DHC插件以后，就可在服务器端代码初步完成的时候，使用DHC进行数据测试，支持get、post、put、delete...
同时，由于它能够在所有支持Chrome浏览器的操作系统上运行，包括Chrome OS，这意味着其跨平台的兼容性极强，无论你是在Windows、MacOS还是Linux环境下，都能享受同样高效的工作流程。 对于“测试相关”的标签，我们...
在IT领域，尤其是在Web开发和调试中，"谷歌插件学习 监听网络请求"是一个重要的主题。这个标题指的是利用谷歌浏览器（Chrome）的开发者工具来观察和分析网页中的网络活动，特别是异步请求。这样的技能对于理解网页的...
Postman是一款广受欢迎的RESTful API测试和开发工具，它最初作为一个Chrome浏览器插件而闻名，现在已经发展成为一个独立的应用程序，支持多种操作系统。在本文中，我们将深入探讨Postman的功能、用途及其在IT领域的...
在IT领域，尤其是在网络开发和调试过程中，"修改/增加Chrome浏览器请求头"是一个常见的需求。这涉及到浏览器的网络通信机制以及对HTTP协议的理解。HTTP请求头是客户端（如Chrome浏览器）向服务器发送请求时携带的...
此外，XSwitch应遵循Chrome的隐私政策，仅在用户明确授权的情况下访问和修改网络请求。 综上所述，XSwitch作为一款Chrome扩展程序，利用JavaScript和Chrome的`webRequest` API实现了请求转发功能，为开发者、测试...
在进行网络编程或网页爬虫工作时，我们经常会遇到向服务器发送POST请求的情况。POST请求通常用于提交数据，如登录信息、表单数据等。在处理某些特定的POST请求时，我们可能会遇到一种名为"request payload"的数据...
Postman是一款强大的API开发、测试和文档工具，它作为一个Chrome浏览器插件被广泛使用，能够帮助开发者模拟多种客户端请求，从而实现对Web服务接口的测试和调试。在本文中，我们将深入探讨Postman的功能、使用方法...
req_header = {"User-Agent":"Mozilla/5.0 (Windows NT 6.1) AppleWebKit/537.11 (KHTML, like Gecko) Chrome/23.0.1271.64 Safari/537.11", "Accept":"text/html;q=0.9,*/*;q=0.8", "Accept-Charset":"ISO-
用户在开发或者调试网络程序或者是网页B/S模式的程序的时候是需要一些方法来跟踪网页请求的，用户可以使用一些网络的监视工具比如著名的...Postman在发送网络HTTP请求方面可以说是Chrome插件类产品中的代表产品之一。
这意味着你在Postman中发送请求时，可以利用这些Cookie保持会话状态，就像在浏览器中操作一样。 2. **获取当前URL**：Interceptor能够获取你正在浏览的网页的URL，这在你需要对当前页面进行API调试时非常有用。 3....
通过Postman，开发者可以在不依赖任何前端界面的情况下，直接发送请求并查看响应，这对于理解API的运作和调试前端与后端的连接问题非常有用。 描述中提到的"Google Chrome 插件"表明Postman最初的形式是作为Chrome...