我们可以在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...