Web 开发基础:核心概念与 F12 调试
核心概念:客户端、服务端、前端与后端
客户端(Client)——通信角色

Web 开发中的核心角色区分,包括客户端、服务端、前端与后端。阐述了浏览器通过 DNS 解析 IP 进行通信的原理,以及 F12 开发者工具中 Network 面板的使用,重点讲解了 XHR 和 Fetch 请求的查看与分析方法。此外,还提供了在 Flask 后端代码中通过路径定位接口的方法,帮助开发者快速理解前后端交互流程。

所有客户端发请求时,请求的链接一定有 IP 和端口。
















Web 系统通常称为前后端,非 Web 系统一般称为客户端和服务端。

F12 -> Network (网络) -> 过滤 -> 刷新 -> XHR / Fetch -> 点开其中一个请求。

如果请求太多,先点击 Network 面板的清空按钮,再操作页面。

XHR / Fetch 面板里看到的请求 = 浏览器会向后端发的 HTTP 请求。


该筛选器 = 只看'接口请求',前端请求后端接口,就是浏览器用来和后端接口'交互'的方式。












搜 path 段,复制一部分关键的路径,找不到就在少复制一点。


浏览器 F12 看到一个请求 URL → 想在 Flask 代码里找到它对应的类视图
Flask 类视图使用 .as_view() 方法注册。











微信公众号「极客日志」,在微信中扫描左侧二维码关注。展示文案:极客日志 zeeklog
解析常见 curl 参数并生成 fetch、axios、PHP curl 或 Python requests 示例代码。 在线工具,curl 转代码在线工具,online
将字符串编码和解码为其 Base64 格式表示形式即可。 在线工具,Base64 字符串编码/解码在线工具,online
将字符串、文件或图像转换为其 Base64 表示形式。 在线工具,Base64 文件转换器在线工具,online
将 Markdown(GFM)转为 HTML 片段,浏览器内 marked 解析;与 HTML 转 Markdown 互为补充。 在线工具,Markdown 转 HTML在线工具,online
将 HTML 片段转为 GitHub Flavored Markdown,支持标题、列表、链接、代码块与表格等;浏览器内处理,可链接预填。 在线工具,HTML 转 Markdown在线工具,online
通过删除不必要的空白来缩小和压缩JSON。 在线工具,JSON 压缩在线工具,online