如何在Chrome development tool里查看C4C前台发送的请求细节

最新推荐文章于 2025-09-12 14:21:37 发布
转载 最新推荐文章于 2025-09-12 14:21:37 发布 · 60 阅读 · 0 ·
CC 4.0 BY-SA版权
原文链接：https://yq.aliyun.com/articles/578139
文章标签：

#ui

我们可以在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的原创技术文章，请关注公众号"汪子熙"或者扫描下面二维码:

SAP S4CRM 和 C4C 的技术比较
2007 年 ~ 2025 年，深耕 SAP 技术 18 年
03-31 2900
如果您对SAP S/4HANA for Customer Management（以下简称S4CRM）和SAP Cloud for Customer（以下简称C4C）不甚熟悉，那我建议您可以先浏览我之前写的这两篇微信公众号文章。 SAP的这三款CRM解决方案，您能区分清楚么 Hello World, S/4HANA for Customer Management 1.0 发布了这两篇文章之后...
SAP Fiori 应用的三种部署方式
2007 年 ~ 2025 年，深耕 SAP 技术 18 年
01-08 3092
封面图片来自Google搜索，关键字: Fiori Deployment。
HttpWebRequest开启gzip压缩
dz45693的专栏
11-06 5547
在用HttpWebRequest对象时，一般我们都没有开启gzip压缩，如果服务端返回的数据比较大，这是我们需要开启gzip压缩，怎么开启了？ 1.给HttpWebRequest对象，添加如下Header                  request.Headers.Add("Accept-Encoding", "gzip");         2.对接收到的流进行解码
前台到后台传数据编码问题
RT_0114的博客
03-19 554
今天接手一个新项目，前台到后台数据一直查不到数据，debug看到参数是乱码，以为是系统主动加密的行为，搞了老半天原来是编码问题导致中文乱码，数据库查不到数据验证不通过，解决办法，修改tomcat配置即可。 <Connector connectionTimeout="20000" port="8080" protocol="HTTP/1.1" redirectPort="8443" UR...
chrome查看http请求是否压缩，以及压缩比例
赶路人儿
07-03 7077
windows上，打开chrome，F12进入开发模式，然后点击“网络”，在这里可以看到请求、响应等信息。如下图； 点击第一行Name列（test），可以查看到response中Content-Encoding：gzip，表示服务端使用了gzip压缩，chrome接受到了压缩数据，然后进行解压。 查看解压后数据大小： ...
Chrome对网页性能的检测--2015-05-05总结
ivan0609的专栏
05-05 1万+
Chrome浏览器非常强大，使用Chrome浏览器对页面性能进行检测，根据测试的结果进行优化。当然这个结果只是参考，在实际的项目中肯定有特殊情况存在，并不能为了满足某项测试结果而忽略特定情况的存在。 1、Chrome检测工具 F12之后点击Audits然后出现了如下界面，选中重载页面开始检测按钮，然后点击Run按钮，之后就是等待结果。 2、检测结果 这个检测结果分为2类，一
获取商店里的应用的中文和英文名称
tiandyoin的专栏
11-23 1106
https://learn.microsoft.com/zh-cn/windows/uwp/app-resources/compile-resources-manually-with-makepri#使用 MakePri.exe 手动编译资源。GetNamedResources_fuzzy 模糊搜索，获取商店应用包显示名称，包含在商店里显示和打开应用时显示的英文和中文，还有一些多余的对照名称。再通过 XML, 来获取 Windows 上预安装（+卸载残留）的 APP 的中文名称。
2017 github 上android 源码（适合工作中开发）
snake_son的博客
12-30 1万+
转载： http://blog.youkuaiyun.com/a774057695/article/details/49889437 https://github.com/XinRan5312/Android-open-project 目前包括：Android 开源项目第一篇——个性化控件(View)篇 包括ListView、ActionBar、Menu、ViewPager、Gallery、GridV
webpack源码解析四
vv_bug
07-12 1719
前言 我们接着前面的文章webpack源码解析二继续往下探索webpack的配置，demo的github地址：https://github.com/913453448/webpack-demo.git。 DevServer webpack的devServer配置主要是针对webpack/**webpack-dev-server跟webpack/webpack-dev-middleware**的配置，因为webpack-dev-server依赖webpack-dev-middleware。 我们首先在我们的因
如何查看页面是否开启gzip压缩
weixin_34380296的博客
12-17 3224
F12 选择Network 表头右键： 如果开启了gzip则显示gzip，没有则是空。 上图是百度首页，显示已经进行gzip压缩。
chrome浏览器自带的开发者工具查看http头以及详解http头
热门推荐
日拱一卒无有尽，功不唐捐终入海
05-09 5万+
HTTP/1.0 的性能和可扩展性都存在一定的局限性。HTTP 请求头和响应头是 HTTP 协议中非常重要的组成部分，本文将详细介绍常见的 HTTP 请求头和响应头，以及它们的作用和场景，同时还会对比不同 HTTP 协议版本中的差异。HTTP/1.0 默认使用非持久连接，即每次请求都需要建立一个新的连接，而 HTTP/1.1 默认使用持久连接，即多个请求可以使用同一个连接。HTTP/1.0 和 HTTP/1.1 是 HTTP 协议的两个主要版本，而 HTTP/2.0 是 HTTP 协议的最新版本。
chrome 查看HTTP请求详情
Code-lover's Learning Notes
12-31 5万+
第一步：选择XHR（JS的一套HTTP调用接口） 第二步：滚动时间轴，相应的会在Name处显示请求的名称 第三步：选中请求的名称 第四步：查看请求详情（包括请求头，请求体）
http在request中放参数并在前台获取
༺ bestcxx的专栏 ༻
01-12 5053
http在request中放参数并在前台获取
程序调试优化一：浏览器端查看、抓取后台返回数据的方法
ytangdigl的博客
06-12 2万+
1、在应用程序开发中，点击一个按钮或或点一个链接，页面的响应结果与我们预期的结果不一样，我们可以通过在后台应用程序打断点,debug调试，也可以通过浏览器查看、抓取后台返回数据。2、怎样通过浏览器查看和抓取呢？ 浏览器我用的是google的chrome。 如下图，我点查询按钮。 一、进入调试界面 点查谒按钮之前，进入浏览器的调试界面。
【Uniy UGUI】制作优化策略
最新发布
安娜的小小世界
09-12 728
UGUI优化
传统文化与现代科技的完美融合：文昌帝君灵签系统开发实践
2402_83259558的博客
09-11 770
本文介绍了文昌帝君灵签系统的开发实践，展示如何通过React技术栈实现传统文化与现代科技的融合。系统采用深蓝、金色等传统色彩搭配现代UI设计，具备响应式布局和精致动效。技术栈选用React.js、AntDesign等主流工具，实现了灵签求签核心功能与数据可视化模块。文章详细解析了API封装、状态管理和用户体验优化等关键技术实现，为传统文化数字化提供了可借鉴的技术方案。该系统既保留了传统灵签的文化内涵，又赋予了现代化交互体验，是传统文化数字化转型的成功案例。
Android调用系统内置的UiAutomator工具实现自动化测试
IT666DHW的博客
09-10 365
【代码】Android调用系统内置的UiAutomator工具实现自动化测试。
HarmonyOS 应用开发深度解析：ArkUI 声明式 UI 与现代化状态管理最佳实践
不懂先生的博客
09-11 455
原则：最小化状态将状态尽可能地下放到需要它的最小组件中。如果一个状态只在单个组件内使用，用@State；如果需要跨多个组件，再考虑@Provide@Consume或应用全局状态管理。不可变数据与性能虽然// 替换整个数组而非使用 push/splice// 替换整个对象而非修改属性结合@Watch监听状态变化@Watch装饰器用于监听状态变量的变化并执行副作用逻辑，如日志、网络请求等。// 可以在这里执行一些逻辑，但不要直接修改它监视的状态本身，以免造成循环更新。
Chrome浏览器实用插件ctool功能解析
标题“Chrome 浏览器插件ctool”所指向的知识点主要集中在介绍Chrome浏览器的插件ctool的相关功能和用途。Chrome浏览器是Google公司开发的一款快速、安全、简单的网络浏览器。它支持丰富的扩展插件，可以大幅增强...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值