HTML5前端开发入门知识点:HTTP协议含义详解

时间:2019-09-12 来源: 国内新闻

前程广州2天前我想分享

1.浏览器分析

在Web应用程序中,服务器将Web页面传递给浏览器,浏览器实际上将Web页面的HTML代码发送到浏览器以供浏览器显示。浏览器和服务器之间的传输协议是HTTP,所以:

HTML是用于定义网页的文本。 HTML可用于编写网页;

HTTP是用于通过网络传输HTML以便在浏览器和服务器之间进行通信的协议。

Chrome提供了一整套适用于Web开发的调试工具。

安装Chrome浏览器后,打开Chrome并从菜单中选择“查看”,“开发人员”,“开发人员工具”以显示开发人员工具:

描述

元素显示网页的结构

网络显示浏览器和服务器通信

让我们指向网络并确保第一个小红灯亮起,Chrome将记录所有浏览器和服务器之间的通信:

2.分析http协议

记录,点击,右边会显示Request Headers,点击右边的查看源,我们可以看到浏览器发送给新浪服务器的请求:

2.1浏览器请求

描述

前两行分析如下,第一行:

GET/HTTP/1.1

GET表示读取请求,网页数据将从服务器获取,/表示URL的路径,URL始终以/开头,/表示第一页,最后一个HTTP/1.1表示HTTP协议版本是1.1。目前,HTTP协议的版本是1.1,但大多数服务器也支持1.0版。主要区别在于1.1版允许多个HTTP请求复用TCP连接以加速传输。

从第二行开始,每行类似于Xxx: abcdefg:

主机:

表示请求的域名是指如果服务器有多个网站,则服务器需要使用Host来区分浏览器请求的网站。

2.2服务器响应

继续查找响应标头并单击视图源以显示服务器返回的原始响应数据:

HTTP响应分为两部分:Header和Body(Body是可选的)。我们在网络中看到的最重要的标题行如下:

HTTP/1.1 200确定

200表示成功响应,然后是解释。

如果您没有返回200,则通常还有其他功能,例如

失败的响应是404 Not Found:页面不存在

500内部服务器错误:内部服务器错误

.等等.

内容类型: text/html

Content-Type表示响应的内容,这里text/html表示HTML页面。

请注意,浏览器依赖于Content-Type来确定响应的内容是网页还是图片,无论是视频还是音乐。浏览器不依赖于URL来确定响应的内容,因此即使URL不一定是图片。

HTTP响应的主体是HTML源代码。我们可以通过在菜单栏中选择“查看”,“开发人员”和“查看Web源”直接在浏览器中查看HTML源代码。

收集报告投诉

1.浏览器分析

在Web应用程序中,服务器将Web页面传递给浏览器,浏览器实际上将Web页面的HTML代码发送到浏览器以供浏览器显示。浏览器和服务器之间的传输协议是HTTP,所以:

HTML是用于定义网页的文本。 HTML可用于编写网页;

HTTP是用于通过网络传输HTML以便在浏览器和服务器之间进行通信的协议。

Chrome提供了一整套适用于Web开发的调试工具。

安装Chrome浏览器后,打开Chrome并从菜单中选择“查看”,“开发人员”,“开发人员工具”以显示开发人员工具:

描述

元素显示网页的结构

网络显示浏览器和服务器通信

让我们指向网络并确保第一个小红灯亮起,Chrome将记录所有浏览器和服务器之间的通信:

2.分析http协议

记录,点击,右边会显示Request Headers,点击右边的查看源,我们可以看到浏览器发送给新浪服务器的请求:

2.1浏览器请求

描述

前两行分析如下,第一行:

GET/HTTP/1.1

GET表示读取请求,网页数据将从服务器获取,/表示URL的路径,URL始终以/开头,/表示第一页,最后一个HTTP/1.1表示HTTP协议版本是1.1。目前,HTTP协议的版本是1.1,但大多数服务器也支持1.0版。主要区别在于1.1版允许多个HTTP请求复用TCP连接以加速传输。

从第二行开始,每行类似于Xxx: abcdefg:

主机:

表示请求的域名是指如果服务器有多个网站,则服务器需要使用Host来区分浏览器请求的网站。

2.2服务器响应

继续查找响应标头并单击视图源以显示服务器返回的原始响应数据:

HTTP响应分为两部分:Header和Body(Body是可选的)。我们在网络中看到的最重要的标题行如下:

HTTP/1.1 200确定

200表示成功响应,然后是解释。

如果您没有返回200,则通常还有其他功能,例如

失败的响应是404 Not Found:页面不存在

500内部服务器错误:内部服务器错误

.等等.

内容类型: text/html

Content-Type表示响应的内容,这里text/html表示HTML页面。

请注意,浏览器依赖于Content-Type来确定响应的内容是网页还是图片,无论是视频还是音乐。浏览器不依赖于URL来确定响应的内容,因此即使URL不一定是图片。

HTTP响应的主体是HTML源代码。我们可以通过在菜单栏中选择“查看”,“开发人员”和“查看Web源”直接在浏览器中查看HTML源代码。

http://www.sugys.com/bdsdva7I/Q.html

新闻排行
  1. 对于宁波来说,前湾新区的存在掩盖了城市扩张和城市更新的雄心壮志。你为什么这么说?至少有三点要说明:前

    对于宁波来说,前湾新区的存在掩盖了城市扩张和城市更新的雄心壮志。你为什么这么说?至少有三点要说明:前...

  2. ?台风“Litchma”影响力!河北周末暴雨,持续暴雨中国天气新闻自8月初以来,河北的降雨频繁出现,几乎每天都要“一拳”。今天,河北很多地方都会出现中到大雨,还有当地大雨。本周末,随着台风“Litch

    ?台风“Litchma”影响力!河北周末暴雨,持续暴雨中国天气新闻自8月初以来,河北的降雨频繁出现,几乎每天都要“一拳”。今天,河北很多地方都会出现中到大雨,还有当地大雨。本周末,随着台风“Litch...

  3. 09:15:04大刘说汽车对于每家汽车公司来说,2019年上半年是一个异常寒冷的冬天。然而,在如此低迷的市场趋势

    09:15:04大刘说汽车对于每家汽车公司来说,2019年上半年是一个异常寒冷的冬天。然而,在如此低迷的市场趋势...

  4. ?Lakara交出第一份上市成绩单,董事长孙陶然:看好行业互联网Lakara记者|美菱8月15日,Lakara(.SZ)发布了自上市以来的第一份半年度报告。2019年上半年,拉卡拉实现营业总收入24.

    ?Lakara交出第一份上市成绩单,董事长孙陶然:看好行业互联网Lakara记者|美菱8月15日,Lakara(.SZ)发布了自上市以来的第一份半年度报告。2019年上半年,拉卡拉实现营业总收入24....

  5. |多部动画大片热映中,快给孩子安排上!14资本教育暑假推荐1|热门电影中的很多动画,请安排孩子们!期待明星和期待月亮,我终于希望期待已久的暑假!这个漫长的假期应该如何度过?从今天开始,C

    |多部动画大片热映中,快给孩子安排上!14资本教育暑假推荐1|热门电影中的很多动画,请安排孩子们!期待明星和期待月亮,我终于希望期待已久的暑假!这个漫长的假期应该如何度过?从今天开始,C...

  6. 指南:各位大家好,更换后,销售量不如老款,用8块自动速度,新福克斯到底出了什么问题!我今天带给你的模?

    指南:各位大家好,更换后,销售量不如老款,用8块自动速度,新福克斯到底出了什么问题!我今天带给你的模?...

  7. ?重庆斯威官轩罗森文租用了球队。照片提供华龙网-新重庆客户于7月29日17:20(记者苏玉琪)今日(29日),重庆当代足球俱乐部正式宣布由教练组和技术队以及球员本人签署,经过河北华夏快乐足球俱乐部的友

    ?重庆斯威官轩罗森文租用了球队。照片提供华龙网-新重庆客户于7月29日17:20(记者苏玉琪)今日(29日),重庆当代足球俱乐部正式宣布由教练组和技术队以及球员本人签署,经过河北华夏快乐足球俱乐部的友...

  8. 在夏天,太阳正在燃烧,每次你走出大门,就像进入“桑拿房”,这被称为“外出五分钟,出汗两个小时”。不仅

    在夏天,太阳正在燃烧,每次你走出大门,就像进入“桑拿房”,这被称为“外出五分钟,出汗两个小时”。不仅...

  9. 19:34:45肉汤白首先,爱上一个人并不需要依靠努力工作。它只需要依靠机会。这是一个天堂般的安排,但有必要

    19:34:45肉汤白首先,爱上一个人并不需要依靠努力工作。它只需要依靠机会。这是一个天堂般的安排,但有必要...

  10. 我想在2天前分享装饰设计在没有空调的时代,我想度过夏天,我需要在床上买垫子。如今,许多长者仍然保留着?

    我想在2天前分享装饰设计在没有空调的时代,我想度过夏天,我需要在床上买垫子。如今,许多长者仍然保留着?...

友情链接