谷歌浏览器开发者工具系列11:复制HTTP返回body内容

介绍

除了复制请求和返回头(header)之外,Chrome开发者工具还允许你复制一个请求资源的返回体(body)。这个功能一般用到你需要找线上缺陷的时候,例如:你想要知道线上的代码出现了什么状况,你可以用这个功能拷贝返回的内容,复制到文本中,然后查找相关的缺陷。

使用方法

具体的使用方法如下:
1. 首先需要打开Network 面板,然后确保其状态是recording(左上角的圆圈为红色激活)。
2. 在出现的资源列表中右键其中一个。
3. 在弹出的菜单中选择Copy -> Copy response。
copy response - 谷歌浏览器开发者工具系列11:复制HTTP返回body内容
这样HTTP返回的内容就已经被拷贝到你的粘贴板(clipboard)里面去了。你可以打开或者新建一个文件,将粘贴板里面的信息拷贝出来。如果你选择的资源是一个图片,那么粘贴板中的信息将会是一串base64位的字符串,例如这样:data:image/jpeg;base64

你同样也可以在右侧的Preview选项卡中复制这些信息,他们的效果都是一样的。

wp editor md 075e7e124f88e9fdca2b845abf32c9ed - 谷歌浏览器开发者工具系列11:复制HTTP返回body内容

发表回复 0