一、浏览器 F12 开发者工具详解按F12或页面右键【检查】即可打开开发者工具是前端调试与 Web 渗透的基础利器。1.1 顶部核心标签标签作用使用场景元素Elements⭐最常用查看、临时修改网页 HTML 结构 CSS 样式改页面文字、调布局、看 DOM控制台ConsoleJS 运行窗口打印日志与报错信息可直接执行 JS 代码排查报错、快速测试脚本源代码Sources查看网页加载的 JS / CSS / 图片等原始文件支持断点调试分析前端逻辑、下断点网络Network⭐渗透常用监控页面所有请求接口、图片、AJAX、表单提交抓接口、看请求参数与响应性能Performance录制页面运行过程分析卡顿、加载慢的原因前端性能优化Network 面板核心信息请求 URL、请求方法GET/POST、请求头、响应内容、状态码200成功 /404不存在 /500服务器错误。勾选【保留日志】可防止页面跳转后清空记录。1.2 元素Elements面板分区上半区DOM 树—— 网页 HTML 树形结构html → head → body层层嵌套即网页骨架。:before/:after是 CSS 伪元素不是真实 HTML 标签。下半区样式面板样式当前选中元素生效的 CSS可勾选禁用、修改数值实时调试已计算查看元素最终生效的真实宽、高、字体、颜色布局查看盒模型margin、border、padding、content 尺寸。核心技巧点击左上角箭头图标选择元素再点网页任意内容可自动定位到对应 DOM 代码。所有修改只作用于本地浏览器显示不修改服务器原始代码刷新即恢复可放心试错。1.3 高频实操场景场景操作查看 / 临时修改网页文字Elements 中找到对应div双击文字直接修改浏览器立即生效抓取接口、查看提交数据Network 中刷新页面筛选Fetch/XHR查看前后端接口通信页面排版错乱调试 CSS选中错乱元素在样式面板修改 width、display、flex、grid 等参数查找网页报错切到 Console红色报错即为 JS 代码问题逐条排查1.4 快捷键速查快捷键功能F12/CtrlShiftI打开 / 关闭开发者工具CtrlShiftC快速激活【选取元素】箭头CtrlR刷新页面Esc底部调出控制台其他标签页可同时显示 Console二、五种常见编码识别速查表CTF 必背核心认知编码 ≠ 加密以上五种编码均可逆向还原。做题时先看特征一秒判断类型。2.1 特征识别总表先看格式编码标志性外观特征识别口诀Base64字符集A-Z a-z 0-9 /末尾常有填充大小写字母数字 /末尾可能带HEX十六进制只有0-9 a-f常两两一组有时空格分隔只有 09、af两字符代表 1 字节HTML 实体编码以#开头#十进制;或#x十六进制;看到#/#x→ HTML 实体Unicode 转义\u\u 4 位十六进制如\u597D看到\uXXXX→ JS/JSON Unicode 转义URL 编码百分号编码% 两位十六进制如%66%6c看到大量%xx→ URL 编码2.2 五种编码详解统一明文flag{abc}① URL 编码百分号编码格式% 两位十六进制示例%66%6c%61%67%7b%61%62%63%7dJS 解码decodeURIComponent()Python 解码urllib.parse.unquote()用途HTTP URL、GET/POST 参数中传输特殊字符双重编码特征%被编码为%25② HEX 十六进制编码格式连续或空格分隔的0-9 a-f每 2 字符 1 字节示例66 6c 61 67 7b 61 62 63 7dJS 解码String.fromCharCode(parseInt(xx, 16))Python 解码bytes.fromhex(...)用途流量抓包、二进制数据展示、文件十六进制视图③ Base64字符大小写字母、数字、/结尾填充示例​​​​​​​ZmxhZ3thYmN9JS 解码atob()Python 解码base64.b64decode()用途二进制转文本图片、文件、Cookie 中常见④ HTML 实体编码十进制​​​​​​​#102;#108;#97;#103;#123;#97;#98;#99;#125;十六进制​​​​​​​#x66;#x6c;#x61;#x67;#x7b;#x61;#x62;#x63;#x7d;JS 解码新建 divinnerHTML赋值后读取innerTextPython 解码html.unescape()用途网页源码转义 等特殊符号、防 XSS⑤ Unicode 转义\uXXXXJS/JSON格式\u 4 位十六进制示例\u0066\u006c\u0061\u0067\u007b\u0061\u0062\u0063\u007d中文示例\u597D好JS 特性放入字符串引号内自动解析无需额外函数⚠️ 注意区分\uXXXXJS 字符串vs#xXXXX;网页 HTML 实体二者极易混淆2.3 快速判断流程做题步骤字符串大量%xx→URL 编码字符串大量#x/#数字→HTML 实体字符串大量\uXXXX→Unicode 转义只有0-9 a-f、两两一组 →HEX 十六进制大小写字母数字、含/、末尾可能有→Base642.4 常见陷阱多层嵌套编码题目常出现两次编码如明文 → HTML 实体 → Base64 包装。解码顺序从外层向内层逐层解开切忌一步到位。三、Python Requests 库详解Requests 是 Python 第三方HTTP/1.1 客户端库口号HTTP for Humans作者 Kenneth Reitz底层封装 urllib3API 简洁是爬虫、接口测试、CTF Web 最常用的库。支持 GET/POST/PUT/DELETE、自动连接池、Cookie 持久化、SSL 校验、代理、文件上传、自动编码处理。3.1 六个基础请求方法requests.get() # 获取资源 requests.post() # 提交数据表单 / json靶场代码最常用 requests.put() # 更新资源 requests.delete() # 删除资源 requests.head() # 只拿响应头不下载 body requests.options() # 获取服务器支持的请求方法3.2 通用参数详解① headers —— 请求头字典模拟浏览器携带 UA、Cookie、Token、Content-Type​​​​​​​headers { User-Agent: Mozilla/5.0 (Windows NT 10.0; Win64; x64) Firefox/143.0, Referer: http://xxx, Cookie: PHPSESSIDabc123 } res requests.get(url, headersheaders)② params —— GET 查询参数自动拼接到?后面并编码避免手动拼接 URL 出错payload {name: admin, id: 1} res requests.get(http://httpbin.org/get, paramspayload) # 等价于 http://httpbin.org/get?nameadminid1 print(res.url)③ POST 核心datavsjsonCTF 高频考点参数提交格式Content-Type适用场景data{}表单键值对a1b2application/x-www-form-urlencoded传统表单靶场代码常用json{}JSON 字符串自动json.dumps序列化application/jsonREST 接口# 表单提交res requests.post(url, data{flag: 1})# JSON 提交请求体为 {flag: 1}res requests.post(url, json{flag: 1})④ timeout —— 超时生产 / 靶场必加超过设定时间未返回直接抛异常防止脚本卡死res requests.get(url, timeout5) # 统一超时 res requests.get(url, timeout(3, 10)) # (连接超时, 读取超时)⑤ cookies —— 手动传入 Cookie 字典cookies {PHPSESSID: xxxx} res requests.get(url, cookiescookies)⑥ verify —— SSL 证书校验HTTPS 默认校验证书靶场自签名证书会报错可关闭仅限练习环境res requests.get(https://xxx, verifyFalse)⑦ proxies —— 代理Burp 抓包必备proxies { http: http://127.0.0.1:8080, https: http://127.0.0.1:8080 } res requests.get(url, proxiesproxies, verifyFalse)⑧ allow_redirects —— 是否跟随重定向默认TrueCTF 遇到 302 跳转想查看原始响应时关闭res requests.get(url, allow_redirectsFalse)⑨ files —— 文件上传multipart/form-datafiles {upload: open(test.txt, rb)} res requests.post(url, filesfiles)3.3 Response 对象请求返回结果核心res requests.get(url)属性 / 方法含义res.status_codeHTTP 状态码200 成功、404 不存在、401 未授权、500 服务器错误res.text自动解码后的字符串文本网页源码、flagres.content原始 bytes 二进制下载图片、文件用res.json()将返回文本解析为 Python 字典接口返回 JSON 才可用否则抛异常res.headers服务器响应头字典res.cookies服务器返回的 CookieJar 对象res.url最终请求的 URL重定向后的地址res.encoding当前编码可手动设置res.encoding utf-8res.raise_for_status()状态码为 4xx/5xx 时主动抛出 HTTPError 异常⚠️ 重点区分text是字符串网页、flag 文本content是字节图片、压缩包json()是方法括号不能丢。3.4 Session 会话对象普通requests.get/post每次请求都是全新连接不会自动保存 Cookie而Session()会自动持久化 Cookie、复用 TCP 连接可完整模拟浏览器登录状态import requests ​ s requests.Session() # 登录后服务器 set-cookie 自动存入 session s.post(http://xxx/login, data{user: admin, pass: 123456}) # 访问需要登录的 flag 页面自动携带 Cookie res s.get(http://xxx/flag) print(res.text)还可设置全局默认请求头s.headers.update({User-Agent: Firefox/143})3.5 异常体系写稳健脚本必备所有异常均继承自requests.exceptions.RequestException异常触发场景ConnectionError网络不通、DNS 失败、拒绝连接Timeout请求超时含 ConnectTimeout / ReadTimeout 子类HTTPError调用raise_for_status()后4xx/5xx 抛出TooManyRedirects重定向次数超限SSLErrorSSL 证书校验失败统一捕获示例import requests ​ try: res requests.get(url, timeout3) res.raise_for_status() except requests.exceptions.RequestException as e: print(f请求出错{e})四、Linux 常用文件命令速查4.1 文件查看类① cat —— 查看文件内容cat /tmp/flag.txtcat test.txt创建并写入文件cat file1 file2拼接多个文件② tac —— 反向输出行倒序tac /tmp/flag.txtcat 从上往下读tac 从最后一行向上输出顺序恰好相反。③ head —— 查看文件开头默认前 10 行head /tmp/flag.txt # 默认前 10 行 head -n 3 /tmp/flag.txt # 指定前 3 行④ tail —— 查看文件末尾默认最后 10 行tail /tmp/flag.txt # 默认最后 10 行 tail -n 3 /tmp/flag.txt # 取最后 3 行 tail -f /tmp/flag.txt # 实时监听新增内容看日志常用⑤ more —— 分页浏览只能向下翻页more /tmp/flag.txt交互按键空格翻页、回车下一行、q退出。⑥ less —— more 增强版推荐less /tmp/flag.txt常用交互空格下一页、b上一页、/关键词向下搜索、?关键词向上搜索、q退出。⑦ nl —— 打印行号nl /tmp/flag.txt # 默认空行不显示行号 nl -b a /tmp/flag.txt # 空行也添加行号区别cat -n所有行都编号nl默认空行不显示行号。4.2 文本处理类⑧ sort —— 按行排序默认字典序sort /tmp/flag.txt # 字典序排序 sort /tmp/flag.txt | uniq # 排序后去重 sort -r /tmp/flag.txt # 逆序 sort -n /tmp/flag.txt # 按数字大小排序⑨ uniq —— 去除相邻连续重复行sort /tmp/flag.txt | uniq # 排序后全局去重 sort /tmp/flag.txt | uniq -c # 统计各行重复次数uniq单独使用只能去除相邻重复行全局去重需搭配sort。 参数-c统计次数、-d只显示重复行、-u只显示唯一不重复行。4.3 文件操作类⑩ cp —— 复制文件或目录cp /tmp/flag.txt /home/flag.txt # 文件复制 cp -r 源目录 目标目录 # 递归复制目录⑪ mv —— 移动文件 / 重命名mv /tmp/flag.txt /home/ # 移动文件 mv old.txt new.txt # 重命名参考资料浏览器 F12 开发者工具的使用 - CSDN 博客