Js逆向教程-02浏览器调试工具-Network面板

作者：虚坏叔叔
博客：https://xuhss.com

早餐店不会开到晚上，想吃的人早就来了！😄

Js逆向教程-02浏览器调试工具-Network面板

切换到Network面板

一、网络请求处理相关面板

网络请求处理相关面板有很多功能，主要是对网络请求的筛选搜索相关功能

1.1停止记录网络日志

停止记录网络的日志按钮。再刷页面后，这个按钮会再次高亮

1.2清除日志（clear）

点击清楚日志，会将所有的日志数据清空。

1.3过滤器（filter）

关键字过滤

通过关键字，筛选请求的数据包。

这个筛选只针对Name（数据包名称）列进行筛选。

过滤请求类型

• XHR：XML Http Request简称。
• JS:只显示js类型请求
• CSS:只显示CSS类型请求
• Img:只显示Img类型请求
• Media:只显示媒体类型请求
• Font:只显示Font类型请求
• Doc:只显示文档类型请求
• Ws:只显示websocket类型请求

1.4搜索（search）

按下键盘上的Ctrl+F按键，就可以打开搜索对话框

1.5保留日志（Preserve log）

当勾选保留日志，那么再次刷网页的情况下，就会保留之前的日志数据，可以看到这里的请求数量会一直累加，反之则不会保留之前数据。

1.6禁止缓存（Disable cache）

不勾选禁止缓存，浏览器会自动对一些请求进行缓存，缓存的包它都会有如下标识：

有时候，需要每次刷网页都刷js，就不用将禁止缓存勾选上

二、网络请求详情相关面板

当选中单一的网络请求时，会显示请求的对应数据面板

2.1 请求头(Headers)

通用General

1. Request URL: 请求的地址
2. Request Method: 请求方法
3. Status Code: 请求状态码
4. Remote Address: 远程地址
5. Referrer Policy: strict-origin-when-cross-origin

响应头Response Header

请求头Request Headers

Accept: text/html 请求类型,客户端发送给服务
Accept-Encoding: gzip, deflate, br 是否压缩，浏览器会进行zip压缩再发送给服务器
Accept-Language: zh-CN,zh;q=0.9,en-US;q=0.8,en;q=0.7
Cache-Control: no-cache
Connection: keep-alive
Cookie: 请求cookie，服务器会验证cookie
BA_HECTOR=al20050kag0kagahal21arqk1hmtknv1f; BDORZ=B490B5EBF6F3CD402E515D22BCDA1598; BD_HOME=1; H_PS_PSSID=36561_37521_37725_37534_37499_37720_37742_26350_37455; sug=3; sugstore=0; ORIGIN=2; bdime=0; Hmery-Time=2885317353; ab_sr=1.0.1_NTQ1OTg3MjY5MDNkOWNkNDM3OGIyZjBmODNjODcxYmIyNTYyMzU2YzNjN2ZkMTY5OWZjNDkyOGM4MDM5MDdhNWFkOTJmODc4OTlkYmJiMWFmYjlmZTdlZTI3MTlhNzRlY2JmM2RiNzMwOTdjYjcyMWI0M2Q4MjlmOTQ0Y2QwYjgwN2U2MzkxMGNlMjk0MDFiYmI1NDA4Y2JkMDU5MmM4MA==
Host: www.baidu.com 请求地址
Pragma: no-cache
User-Agent: 用户浏览器代理标识

2.2响应数据(Response)

获取服务器返回的所有数据

2.3 Cookie字段

包括请求Cookie和响应Cookie

总结

最后的最后
由本人水平所限，难免有错误以及不足之处， 屏幕前的靓仔靓女们 如有发现，恳请指出！

最后，谢谢你看到这里，谢谢你认真对待我的努力，希望这篇博客对你有所帮助！

你轻轻地点了个赞，那将在我的心里世界增添一颗明亮而耀眼的星！

💬 往期优质文章分享

• C++ QT结合FFmpeg实战开发视频播放器-01环境的安装和项目部署
• 解决QT问题：运行qmake：Project ERROR: Cannot run compiler ‘cl‘. Output:
• 解决安装QT后MSVC2015 64bit配置无编译器和调试器问题
• Qt中的套件提示no complier set in kit和no debugger，出现黄色感叹号问题解决（MSVC2017）
• Python+selenium 自动化 - 实现自动导入、上传外部文件（不弹出windows窗口）

🚀 优质教程分享 🚀

• 🎄如果感觉文章看完了不过瘾，可以来我的其他 专栏 看一下哦~
• 🎄比如以下几个专栏：Python实战微信订餐小程序、Python量化交易实战、C++ QT实战类项目 和 算法学习专栏
• 🎄可以学习更多的关于C++/Python的相关内容哦！直接点击下面颜色字体就可以跳转啦！

学习路线指引（点击解锁）	知识定位	人群定位
🧡 Python实战微信订餐小程序 🧡	进阶级	本课程是python flask+微信小程序的完美结合，从项目搭建到腾讯云部署上线，打造一个全栈订餐系统。
💛Python量化交易实战 💛	入门级	手把手带你打造一个易扩展、更安全、效率更高的量化交易系统
❤️ C++ QT结合FFmpeg实战开发视频播放器❤️	难度偏高	分享学习QT成品的视频播放器源码，需要有扎实的C++知识！
💚 游戏爱好者九万人社区💚	互助/吹水	九万人游戏爱好者社区，聊天互助，白嫖奖品
💙 Python零基础到入门 💙	Python初学者	针对没有经过系统学习的小伙伴，核心目的就是让我们能够快速学习Python的知识以达到入门

🚀 资料白嫖，温馨提示 🚀

关注下面卡片即刻获取更多编程知识，包括各种语言学习资料，上千套PPT模板和各种游戏源码素材等等资料。更多内容可自行查看哦！