分分钟学会 F12 抓包图文教程

简介: ​一、步骤1)打开浏览器(本文以谷歌浏览器为例)2)按“F12”或者鼠标右键选择“检查”,点击右上角的“设置”小齿轮图标,英文切换中文,具体如下图所示(此步骤和接下来的3)为浏览器控制台为英文状态下的设置,若已设置为中文可跳过此步骤和3)步骤)3)点击右上角“X”关闭图标按钮,关闭浏览器控制台,再次进入开发者选项(F12或者右键检查),此时浏览器控制台界面语言从英文变成中文页面,如下图所示二、Tabs介绍1)切换到网络tab下第一个按钮:停止和开启按钮,默认是开启抓包第二个按钮:清空抓包记录第三个按钮:过滤器,可以通过搜索想要的关键字第四个按钮:保留日

一、步骤

1)打开浏览器(本文以谷歌浏览器为例)


2)按“F12”或者鼠标右键选择“检查”,点击右上角的“设置”小齿轮图标,英文切换中文,具体如下图所示(此步骤和接下来的3)为浏览器控制台为英文状态下的设置,若已设置为中文可跳过此步骤和3)步骤)


3)点击右上角“X”关闭图标按钮,关闭浏览器控制台,再次进入开发者选项(F12或者右键检查),此时浏览器控制台界面语言从英文变成中文页面,如下图所示


二、Tabs介绍

1)切换到网络tab下


第一个按钮:停止和开启按钮,默认是开启抓包

第二个按钮:清空抓包记录

第三个按钮:过滤器,可以通过搜索想要的关键字

第四个按钮:保留日志(建议必须勾上,不然有些跳转页面无法抓取)

第五个按钮:停用缓存

第六个按钮:弱网模拟


三、怎么抓到正确的包

    • 在页面上把所有前置操作做完
    • 在F12里面清除掉之前的抓包记录
    • 开始抓包
    • 进行目标操作(查询)
    • 停止抓包

    四、怎么看懂你抓的包

    http/https协议包的基本组成


      • 请求信息:

      请求网址:包的网络地址

      请求方法:发包方式

      状态代码:http状态码

        • 参数:前端传递给服务器的信息


        • 响应:服务器返回给前端的结果信息


        • 头:请求头:本次请求需要的验证信息
                响应头:本次请求产生的验证信息,别的请求可能用到



        若本文有帮助到阅读本文的同学,欢迎点赞、关注、收藏,互相学习交流。

        相关文章
        |
        网络协议 安全 网络安全
        计算机网络:IP地址、子网掩码、网关都是什么?
        计算机网络:IP地址、子网掩码、网关都是什么?
        10229 0
        |
        网络协议 数据安全/隐私保护 网络虚拟化
        深入了解OSI模型:计算机网络的七大层次
        OSI模型 OSI模型是一个网络通信的概念模型,用于描述计算机网络中各个不同层次之间的通信和功能。它将网络通信分为七个不同的层次,每个层次负责不同的任务,使得网络通信的设计、开发和管理更加模块化和可维护。以下是OSI模型的七个层次以及它们的主要功能: 1、物理层(Physical Layer): 功能:处理物理传输介质上的原始比特流,确保数据在传输媒体上能够以适当的方式传输。 示例设备:集线器、中继器、网线等。 主要任务:比特编码、电压规范、物理拓扑等。 2、数据链路层(Data Link Layer): 功能:负责将原始比特流分割成帧并添加地址信息,以便在直接连接的设备之间传输数据。 示例设
        4778 0
        |
        NoSQL Linux 编译器
        Linux下交叉编译gdb,gdbserver+gdb的使用以及通过gdb调试core文件
        交叉编译gdb和gdbserver 1、下载gdb:下载地址为:http://ftp.gnu.org/gnu/gdb/按照一般的想法,最新版本越好,因此下载7.2这个版本。当然,凡事无绝对。我们以gdb-7.2.tar.bz2 这个文件为例。
        8515 1
        |
        9月前
        |
        存储 Web App开发 缓存
        清理C盘空间的6种方法,附详细操作步骤
        释放C盘空间并不难。只要掌握合适的方法,哪怕你是电脑小白,也能轻松清理出几十GB空间。下面就为大家介绍6种实用、安全、细致的清理方法,并附上操作步骤。
        |
        5月前
        |
        SQL 数据采集 自然语言处理
        04_用LLM分析数据:从表格到可视化报告
        在当今数据驱动的时代,数据分析和可视化已成为商业决策、科学研究和日常工作中不可或缺的部分。随着大型语言模型(LLM)技术的飞速发展,2025年的数据分析领域正经历一场革命。传统的数据处理流程通常需要数据科学家掌握复杂的编程技能和统计知识,而现在,借助先进的LLM技术,即使是非技术人员也能轻松地从原始数据中获取洞见并创建专业的可视化报告。
        559 1
        |
        7月前
        |
        前端开发 Java jenkins
        Jmeter压力测试工具全面教程和使用技巧。
        JMeter是一个能够模拟高并发请求以检查应用程序各方面性能的工具,包括但不限于前端页面、后端服务及数据库系统。熟练使用JMeter不仅能够帮助发现性能瓶颈,还能在软件开发早期就预测系统在面对真实用户压力时的表现,确保软件质量和用户体验。在上述介绍的基础上,建议读者结合官方文档和社区最佳实践,持续深入学习和应用。
        1627 10
        |
        网络协议 网络架构
        【第三期】计算机网络常识/网络分层模型与数据包封装传输过程
        【第三期】计算机网络常识/网络分层模型与数据包封装传输过程
        593 0
        |
        9月前
        |
        Java 测试技术 容器
        Jmeter工具使用:HTTP接口性能测试实战
        希望这篇文章能够帮助你初步理解如何使用JMeter进行HTTP接口性能测试,有兴趣的话,你可以研究更多关于JMeter的内容。记住,只有理解并掌握了这些工具,你才能充分利用它们发挥其应有的价值。+
        1341 23
        |
        存储 运维 安全
        |
        SQL 前端开发 Linux
        如何定位前后端的BUG
        如何定位前后端的BUG
        801 2