如何打开Network
1,尽量利用谷歌浏览器打开www.baidu.com页面
2,将鼠标放置于页面中点击右键,再点击检查
3,进入如下图界面,并点击Network
4,再在页面点击右键,再点击重新加载。使控制台中加载出数据(如图)
接下来,就来介绍下图的内容
All(即:所有):组成网页的所有数据包 Fetch/XHR:动态数据包(json) js:表示js脚本(type:script),后缀为.js代表的就是javascript文件,用js代码写的数据包。实现点击事件(鼠标在页面上点击之后onclick),鼠标的滑动等 css:表示前端样式(type:stylesheet),css就是渲染工具。实现控制文字的大小,图片的形状等 img:图片(type:jpg,jpeg,png,gif..) media:媒体,音频,视频(mp3,mp4....) Font: 字体 Doc:文档(type:document)
在接下来,继续的简单的介绍,下图
headers: 请求头(在headers中一些的简单介绍:如下3点) 1,General: request url: 数据包的域名 request method: 请求方式 get(常用) post(常用) put等 status code(状态码): 200:成功 500:服务器内部错误 404:页面找不到 503:一般是被反爬 remote address: 远程地址 2,Response Headers: 响应信息需要遵循这个规则进行显示 3,Request Headers:浏览器向服务器发送请求要遵循的http规则 Accept:接受哪些数据 Accept-Encoding: 接受的解压的方式 Cookie(重点):记录和服务器的交流会话信息,(例下次访问就不用输入账号密码了) User-Agent:用户代码,你的客户端的信息
preview:根据选择的资源类型(文本、图片等)进行显示预览 response:显示http的response信息 cookies:显示request和response的cookies信息
注:在第2步时点击的文件夹就相当于与整个页面的骨架(可在preview中可以看到)
今天的Network就介绍到这里,这里的简单介绍可以为要学习爬虫的小伙伴们做一个预习,使对Network有一定的了解。Network的熟悉与运用还是在实际操作中慢慢的认识了解,没有必要专门花时间去深度了解。好比,你在用手机中APP时,不就是用着用着就会了嘛!
最后,提前祝大家元旦快乐~