浏览器开发工具请求头与响应头属性介绍

HTTP 协议的 Header 是一块数据区域，分为请求头和响应头两种类型，客户端向服务区发送请求时带的是请求头，而服务器响应客户端数据时带的是响应头。

请求头里主要是客户端的一些基础信息，UA（user-agent）就是其中的一部分，而响应头里是响应数据的一些信息，以及服务器要求客户端如何处理这些响应数据的指令。

请求头里面的关键信息如下：
1)accept
表示当前浏览器可以接受的文件类型，假设这里有 image/webp，表示当前浏览器可以支持 webp 格式的图片，那么当服务器给当前浏览器下发 webp 的图片时，可以更省流量。
2)accept-encoding
表示当前浏览器可以接受的数据编码，如果服务器回写的数据不是浏览器可识别的编码，就会产生乱码。
3) accept-language
表示当前使用的浏览语言。
4)connection
表示是否需要持久连接，默认为keep-alive，持久连接。
5) cookie
很多和用户相关的信息都存在 Cookie 里，用户在向服务器发送请求数据时会带上。例如，用户在一个网站上登录了一次之后，下次访问时就不用再登录了，就是因为登录成功的 token 放在了 Cookie 中，而且随着每次请求发送给服务器，服务器就知道当前用户已登录。
6) user-agent
表示浏览器的版本信息。当服务器收到浏览器的这个请求后，会经过一系列处理，返回一个数据包给浏览器，而响应头里就会描述这个数据包的基本信息。

响应头里的关键信息有：
1)content-encoding
表示返回内容的压缩编码类型，如“Content-Encoding :gzip”表示这次回包是以 gzip 格式压缩编码的，这种压缩格式可以减少流量的消耗。
2)content-length
表示这次回包的数据大小，如果数据大小不匹配，要当作异常处理。
3)content-type
表示数据的格式，它是一个 HTML 页面，同时页面的编码格式是 UTF-8，按照这些信息，可以正常地解析出内容。content-type 为不同的值时，浏览器会做不同的操作，如果 content-type 是 application/octet-stream，表示数据是一个二进制流，此时浏览器会走下载文件的逻辑，而不是打开一个页面。
4)set-cookie
服务器通知浏览器设置一个 Cookie，当浏览器再次发送请求时，浏览器默认会自动将cookie中的字符串（key-value键值对）放在请求头中Cookie项中发送给Web服务器。
通过 HTTP 的 Header，可以识别出用户的一些详细信息，方便做更定制化的需求，如果大家想探索自己发出的请求中头里面有些什么，可以这样做：打开 Chrome 浏览器并按“F12”键，唤起 Chrome 开发者工具，选择 network 这个 Tab，浏览器发出的每个请求的详情都会在这里显示。

浏览器开发工具请求头与响应头属性介绍相关推荐

Chorme 浏览器查看请求头、响应头
第一步:打开浏览器,按键盘上的F12,出现如下界面: 第二步:点击 Network, 点击 docs . 第三步:地址栏输入baidu.com,按回车. 第四步:会看到这里出现一个地址. 第五步:点击 ...
Request Headers 和Response Headers——请求头和响应头
前沿作为一个前端开发工程师看不懂每条请求的请求头和响应头,实在是一件很难受的事情.最近花了一些时间整理了一篇文档,一起来看看前后端交互时每个资源的信息. 谷歌浏览器调试工具--查看请求资源的信息数据 ...
Android系列之网络（二）----HTTP请求头与响应头
一.HTTP头引入: 正确的设置HTTP头部信息有助于搜索引擎判断网页及提升网站访问速度.通常HTTP消息包括:客户机向服务器的请求消息和服务器向客户机的响应消息.客户端向服务器发送一个请求,请求头包 ...
HTTP请求头与响应头
本篇文章中,将学习一下HTTP请求头与响应头的知识. 一.HTTP头引入: 正确的设置HTTP头部信息有助于搜索引擎判断网页及提升网站访问速度.通常HTTP消息包括:客户机向服务器的请求消息和服务器向 ...
常用的HTTP请求头与响应头
转载自:https://blog.csdn.net/qq_30553235/article/details/79282113 常用的HTTP请求头与响应头 HTTP消息头是指,在超文本传输协议( Hy ...
【原创】Selenium获取请求头、响应头
本文仅供学习交流使用,如侵立删! Selenium获取请求头.响应头操作环境 win10 . mac Python3.9 selenium.seleniumwire selenium是没有办法直接获 ...
谷歌浏览器查看HTTP请求头与响应头
用谷歌浏览器打开某个网页后,右击鼠标,选择[检查], 然后点击[network],再刷新一下(刷新的时候才会捕捉HTTP请求头.响应头给你看), 刷新之后,点击左边[name](其实是请求的网址)下面 ...
查看HTTP 各方法的消息请求头和响应头——get/head/post/put
今天介绍一下如何获取HTTP消息的请求头和响应头,请求头,顾名思义,就是包含在客户端发送给服务器的HTTP请求消息的头部,响应头包含在服务器响应客户端的请求消息的返回消息的头部.请求头中有客户端期望服 ...
HTTP请求头、响应头详解
HTTP的头域包括通用头.请求头.响应头和实体头四个部分.每个头域由一个域名,冒号(:)和域值三部分组成(说白了就是键值对). 通用头:是客户端和服务器都可以使用的头部,可以在客户端.服务器和其他应用 ...

浏览器开发工具请求头与响应头属性介绍

浏览器开发工具请求头与响应头属性介绍相关推荐

最新文章

热门文章