Network的简单介绍（在爬虫中经常用到）

最新推荐文章于 2024-03-05 10:14:06 发布

Systemer~Fred

最新推荐文章于 2024-03-05 10:14:06 发布

阅读量4.2k

点赞数 4

分类专栏：笔记文章标签： javascript 前端 css

本文链接：https://blog.youkuaiyun.com/qq_59723238/article/details/122246989

版权

本文通过简单步骤指导如何在Chrome浏览器中打开并使用Network工具，尤其适用于爬虫初学者预习。Network工具展示了页面加载的数据，了解其基本操作有助于在实践中逐渐熟悉和掌握。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

如何打开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:媒体ÿ