douyin-crawler-poc/learning/network_basics/README.md

Network Basics

这个目录是你的第三阶段练习。

这里不再重点练“怎么控制浏览器”，而是练“怎么用浏览器开发者工具看懂页面背后的接口”。

目标是把这条链路练熟：

1. 打开页面
2. 打开 DevTools
3. 只看 Network
4. 找到真正返回数据的接口
5. 看懂请求头、响应体、分页参数
6. 尝试把请求复制出来单独重放

建议学习顺序

1. 01_open_devtools_check_xhr.md
2. 02_find_aweme_list_api.md
3. 03_read_headers_and_cookies.md
4. 04_analyze_pagination.md
5. 05_copy_as_curl_and_replay.md

开始前先准备

建议你先准备好这几样东西：

• Chrome 或 Chromium
• 一个已经能正常打开抖音页面的环境
• 项目里的 Douyin.py
• 你自己的学习笔记

练习原则

• 每次只分析一个页面动作
• 先手工看懂，再考虑写代码
• 不要同时盯很多请求，先锁定一个最可疑的
• 看到字段时先记层级，不要急着背名字
• 每次练完都要写出“我这次确认了什么”

这组练习要解决什么问题

练完之后，你应该能回答这些问题：

• 这个页面的数据是 HTML 自带的，还是接口后加载的？
• 哪个请求才是真正返回作品列表的？
• 你要的 aweme_id、标题、视频地址分别在哪一层？
• 翻页靠什么参数推动？
• 如果浏览器监听不到数据，你下一步该去 DevTools 看什么？

和当前项目怎么对照

练这组时，重点对照这些文件：

• Douyin.py
• learning/drissionpage_basics/03_listen_api.py
• learning/drissionpage_basics/04_parse_aweme.py
• learning/playwright_basics/04_listen_response.py

你会慢慢发现，浏览器自动化只是“拿数据”的一种方式，真正的关键是你能不能识别出正确的接口。