如何在Chrome DevTools中查看Django表单提交的请求与响应载荷？

嘿，我来帮你搞定这个问题！之前我也遇到过类似的困惑，下面一步步给你说清楚怎么操作：

在Chrome DevTools中查看multipart/form-data类型的POST请求数据 #

• 打开Chrome的开发者工具（按F12或者右键页面选择「检查」），切换到Network标签页。
• 触发你的表单提交动作，在Network列表里找到对应的POST请求——可以用顶部的过滤器（比如选「All」或者「XHR/Fetch」）快速定位，也可以直接搜索请求的URL。
• 点击这个请求条目，在右侧面板切换到Payload标签：
  • 普通的表单字段会在Form Data区域展示成键值对，一目了然；
  • 如果有文件上传，Files区域会显示上传文件的名称、类型和大小，部分可预览的文件（比如图片）还能看到缩略图。
• 小提示：如果表单提交后页面直接刷新导致请求消失，记得勾选Network标签页顶部的Preserve log选项，这样刷新后请求记录会保留下来。

调试Django表单的请求与响应载荷 #

查看请求数据 #

• 直接在视图函数中打印：处理表单的视图里，加入print(request.POST)就能看到所有普通表单字段的内容，print(request.FILES)可以查看上传的文件信息，这些内容会输出到你的Django控制台。
• 使用Django Debug Toolbar：这是本地调试的神器，安装并配置后，页面侧边会出现一个工具栏，里面能直接查看请求的POST参数、FILES、响应头、甚至执行的SQL语句，不用手动打印就能快速排查问题。

查看响应数据 #

• 在Chrome DevTools的请求详情里，切换到Response标签页，就能看到Django返回的HTML页面或者JSON响应内容；
• 如果表单提交后触发了重定向（比如Django常用的redirect函数），DevTools会显示重定向的目标地址，你可以点击「Follow redirect」按钮跳转到最终的响应页面查看内容。

内容的提问来源于stack exchange，提问作者FAM_Maurice