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

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里带着？

                其他方式也可以？这样传输数据，应用层，http如何发送数据的

                ？ 代表跟本次请求相关的参数

                Http无状态---- 同一个socket，复用通道，也不会记录身份

                

 

服务器要解决的两个问题

             1、  多线程，多进程，多路IO复用，服务器处理多个用户同时请求，达到复用  TCP

             2、  接收与返回报文

    

 

                 JS一定要学好，后端做调试用的很多的