如何查看网页Delete按钮向服务器发送的请求？是否需Chrome插件？

不需要专用Chrome插件，Chrome自带的开发者工具就能搞定，给你几个针对性的排查方法：

• 检查Network面板的设置
  点击Delete按钮前，打开DevTools的Network面板：

  • 勾选Preserve log，避免页面跳转或刷新后请求被清空
  • 取消不必要的请求过滤（比如别只选中XHR/fetch，可能是其他类型的请求）
  • 清空过滤输入框，确保没有关键词屏蔽了请求

• 追踪按钮的点击事件逻辑
  从代码里的_ngcontent属性能看出来这是Angular项目：

  1. 在Elements面板找到Delete按钮，右键选择Inspect
  2. 切换到右侧的Event Listeners标签，找到click事件绑定的处理函数
  3. 点击函数链接跳转到Sources面板查看代码，确认是否有发起HTTP请求的逻辑（比如调用Angular的HttpClient）

• 手动触发按钮事件排查
  如果点击按钮没看到请求，可能是前置校验没通过（比如需要确认弹窗），可以在Console面板手动调用点击事件：

  document.querySelector('.modal-footer-validate').click()
  

  同时观察Network面板是否有请求产生

• 确认是否存在服务器请求
  有些Delete操作可能只是前端DOM移除，没有向服务器发送请求。这种情况查看点击事件的代码就能确认，如果没有HTTP请求相关代码，那就是纯前端操作

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