开发者工具 “Size“ 和 “Content“的区别

最新推荐文章于 2024-05-01 18:30:07 发布
最新推荐文章于 2024-05-01 18:30:07 发布
阅读量715 收藏
点赞数 1
文章标签： javascript 前端
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/love_dzq/article/details/123901143
版权
本文探讨了开发者工具中"Size"与"Content"的区别，指出"Size"表示网络传输的总字节数，包括响应头和可能的cookie，而"Content"是资源解码后的实际大小。当资源从缓存加载时，"Content"显示缓存内容。通过Firefox能清晰观察这一差异。
摘要由CSDN通过智能技术生成

开发者工具 - “Size” 和 "Content"的区别

“Size”是线路上的字节数，“Content”是资源的实际大小。许多事情可以使它们与众不同，包括：

  • 从缓存中提供服务（小或 0“大小”）
  • 响应标头，包括 cookie（“大小”大于“内容”）
  • 重定向或身份验证请求
  • gzip 压缩（通常比“内容”更小“大小”）

大小是响应标头（通常为
几百字节）加上响应正文的组合大小，由服务器提供。 内容是资源的解码内容的大小。如果资源
是从浏览器的缓存而不是通过网络加载的，则此
字段将包含文本（来自缓存）.

测试

发起请求

$.ajax({
   
  url:
最低0.47元/天 解锁文章
「已注销」
关注
使用微信开发者工具进行小程序生成与发布
吃不胖.
04-27 928
微信开发者工具是一款由微信官方推出的用于开发、调试和发布小程序的集成开发环境。它提供了丰富的功能和工具，方便开发者进行小程序开发和调试，并且支持将小程序发布到测试环境或正式环境。本文将详细介绍如何使用微信开发者工具进行小程序的生成与发布。
谷歌浏览器开发者工具network_Chrome浏览器F12开发者工具简单使用
weixin_39765625的博客
12-19 1101
1.如何调出开发者工具按F12调出右键检查(或快捷键Ctrl+Shift+i)调出2.开发者工具初步介绍chrome开发者工具最常用的四个功能模块：元素(ELements)、控制台(Console)、源代码(Sources)，网络(Network)。元素(Elements)：用于查看或修改HTML元素的属性、CSS属性、监听事件、断点等。css可以即时修改，即时显示。大大方便了开发者调试页面控制台...
chrome dev tools
启
02-26 328
network:               size/content         size 是http响应的总大小，content是获得的实际内容大小；如果资源是本地资源，size为0，content为文件大小               status                   http响应的状态码，如果本地资源，显示finished               Fini
IMS:开发者选项中指针位置
许浑的博客
08-05 3671
IMS:开发者选项中指针位置 android11-release 开发者选项中指针位置开关 指针位置 pointer_location：Settings.System.POINTER_LOCATION packages/apps/Settings/src/com/android/settings/development/PointerLocationPreferenceController.java WindowManagerService监听 frameworks/base/servic
chrome浏览器中的控制台Network中size栏状态（from memory cache 与 from disk cache对比）
野生松
05-11 4070
在chrome浏览器中的控制台Network中size栏通常会有三种状态： from memory cache from disk cache 资源本身的大小(如：5k) 三种的区别： from memory cache：字面理解是从内存中，其实也是字面的含义，这个资源是直接从内存中拿到的，不会请求服务器一般已经加载过该资源且缓存在了内存当中，当关闭该页面时，此资源就被内存释放掉了，再次重新打开相同页面时不会出现from memory cache的情况。 from disk cache：同上类似，
chrome 查看HTTP请求详情
Code-lover's Learning Notes
12-31 5万+
第一步：选择XHR（JS的一套HTTP调用接口） 第二步：滚动时间轴，相应的会在Name处显示请求的名称 第三步：选中请求的名称 第四步：查看请求详情（包括请求头，请求体）
【Http】HTTP报文结构及请求数据大小
天将降大任于是人
09-10 5万+
在项目中遇到了【Nginx】错误 413 Request Entity Too Large 的解决方法该问题，于是引出了本文讨论的问题。HTTP报文结构如下：HTTP报文结构包含请求行、请求头、请求体三部分。一次请求示例如下图： 一、请求行【request-line】POST 请求方法 /sso/login 请求URL，及URI HTTP/1.1 HTTP协议及版本HTTP协议没有限制请求行的
前端-chromeF12 谷歌开发者工具详解 Network篇(1)
2401_84436095的博客
05-01 513
Elements：主要用来查看前面界面的html的Dom结构，和修改css的样式。css可以即时修改，即使显示。大大方便了开发者调试页面，这真是十分友好的~console：这个除了查看错误信息、打印调试信息(console.log())、写一些测试脚本以外，还可以当作Javascript API查看用。例如我想查看console都有哪些方法和属性，我可以直接在Console中输入"console"并执行~Sources：主要用来调试js和查看源代码Network：重头戏来了~
【计算请求数据大小】
qq_31532979的博客
04-28 857
在Java Web应用中，你可以创建一个自定义的过滤器（Filter）或拦截器（Interceptor），在请求到达控制器之前拦截请求，并计算请求体的大小。这种方法可以让你在应用的多个地方复用计算请求大小的逻辑。
浏览器请求和响应查看器(Charles)
06-20
查看浏览器的请求 和 服务器响应的 详细数据
HTTP请求数据、响应数据格式、状态码
斯文~
07-09 1496
HTTP请求数据、响应数据格式、状态码详解
让资深测试大老来告诉你什么是接口测试，
Yanan990830的博客
11-01 270
接口测试（一）简单的开始 当前的风气是，谈测试，必言“接口”。其实接口并不神秘，当今的应用中无处不是“接口”，从本篇开始让我来谈一些关于接口的浅薄认识。 　　1.一个简单的接口（demo.php） <?php // 文件名称demo.php // 告诉浏览器返回为json类型 header('Content-Type:application/json; charset=utf-8'); // 组织的数据 ...
文章5：http协议中content-length 以及chunked编码分析
热门推荐
www.keything.net
12-07 7万+
转载请注明出处 http://blog.csdn.net/yankai0219/article/details/8269922  0.序 1.http/1.1协议中与chunked编码的相关字段 1）Entity Body 2）Content-length 3）Message Length 4）content-length字段的作用  2.chunked编码
前端性能优化之HTTP缓存策略
weixin_33816611的博客
02-14 528
背景 很多时候，当打开浏览器的开发者工具，查看网络请求，对于资源大小（Size）选项，除了有具体的数字大小，还有from memory cache、from disk cache字段之类出现。 这里就有很多疑问，这些字段代表着什么意思？这些字段又是谁来决定的？ 缓存位置 从字面意思理解，大概也能猜到，这些字段代表着缓存位置。 按优先级，Size选项字段可分为： from Service Wor...
开发者工具查看请求头&&请求体&&响应头&&响应体信息
qq_25243147的博客
04-11 9500
一·、浏览器地址栏填写www.baidu.com并访问 二、查看请求信息 （1）请求方法为GET，GET方法将参数拼接在URL上，由于URL长度有限制，故传送的数据量有限制。 （2）请求方法为POST，参数存储在请求体上，可以认为传送的数据大小不限。 二、查看响应信息 （1）响应头信息 （2）响应体信息 注：Response里展示的信息为服务器返回的原始信息；Preview里展示的是经浏览器格式化的服务器返回的信息，如json转成对象，html文本转成页面等等。 ...
HTTP请求大小
04stone37
11-03 4523
URL大小 HTTP协议规范   HTTP协议并没有限制URI的长度，如下： The HTTP protocol does not place any a priori limit on the length of a URI. Servers MUST be able to handle the URI of any resource they serve, and SHOULD be abl...
请求返回时的Size/Content Time/Latency的区别
weixin_34064653的博客
03-24 202
Size/Content: Size是响应头部和响应体结合起来的大小，Content是请求内容解码后的大小。进一步了解可以看这里Chrome Dev Tools - “Size” vs “Content”； 如果是没有浏览器缓存，即status为200，那么size会比content略大，如果有缓存的话，请求时不会有响应体返回，所以size会很小，只包含响应头的大小，而content是资源的大小...
获取各种浏览器的size
fisea的专栏
04-27 496
http://www.w3.org/1999/xhtml">    Get Client Bound By Brower Type                                        document.write(window.navigator.userAgent);                                            document
微信开发者工具 引入css
最新发布
09-08
微信开发者工具是一个用于开发微信小程序、小游戏等应用的集成开发环境（IDE）。在微信小程序中引入CSS主要是为了美化界面，定义样式。在小程序中引入CSS的方式通常有以下几种： 1. 内联样式：直接在标签上通过...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值