首页 > Web开发 > 详细

Web前端(16)_F12打开浏览器调试以及网络协议详解

时间:2019-03-25 00:46:37      阅读:195      评论:0      收藏:0      [点我收藏+]

1、elements

        指的当前页面的样式,查看图片以及布局等

2、console

          js交互

          技术分享图片

3、source

        访问的当前页面涉及到哪些资源

 

 4、network

           4.1、request  Headers

                       其实这里浏览器还充当了socket客户端的角色,第一步就是和服务器建立连接

                    send和rec之间

                         1、 等待浏览器发送请求,拿到数据解析,http报文,返回给客户端

                         2、知道了用户请求后,服务器在特定的目录中找到文件,read出来(文件操作),拿到数据,把数据组织成http返回报文,返回前端

                     也就是说,客户端就用浏览器操作,不用管,只写服务器端的代码就可以了。服务器要去处理的是什么数据,解析,封装,形成报文,采用多线程或者多进程方式,解决多个用户同时访问的问题

    技术分享图片

 

                    Get /css/index.css

                    User-Agent:之前网络研究院的面试问过这个是什么,这么简单都没回答上来!!!!这就是什么都不懂的后果

                    /r/n 后面。遇到空行/r/n后,带的是请求体,下面这张只是请求头,请求体可以是文本,也可以是文本,但是读多少呢

                   由Conten-length 决定读多少数据

         技术分享图片

             4.2    Response Headers

     5、URL

               这个问题之前网络研究院面试也问过

                URI: URL  :靠的是位置,不好,资源和位置相关,位置会变

                          URN:名字=name 在网络中使用的比较少,URN是之后的趋势,通过名字找到位置,名字和位置的关联。肯定有一个中间机构来做这样的映射

     6、get方式传输数据 ,url里带着?

                              

                 

 

Web前端(16)_F12打开浏览器调试以及网络协议详解

原文:https://www.cnblogs.com/sunnybowen/p/10591462.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!