devtools:在新标签页中打开响应 HTML

devtools: Open response HTML in new tab

如果 ajax/fetch 请求失败,我的框架 (django) 会显示一个漂亮的调试页面,其中包含很多有用的信息。

在 chrome devtools 中我可以看到这个调试页面的预览。但是 devtools 中的 window 太小了。

有没有办法在新选项卡中打开 POST 请求的输出?

如果我使用右键单击“在新选项卡中打开”,那么 chrome 会执行 GET。但是 GET 不会触发我想调试的异常。

我认为你能做的最好的事情就是从 Chrome 重新创建 Postman. Postman has a tool called interceptor which syncs cookies and captures requests 中的场景。

Postman 拦截器使用 chrome extension 如果您从应用程序启用拦截器,它将捕获的请求发送到 Postman 应用程序。

但是 chrome 扩展程序将具有对所有页面的站点访问权限可能存在安全风险,也许您可​​以通过限制扩展程序设置中的站点访问来限制它(从设置>扩展程序>邮递员拦截器):

或者,如果你不想使用拦截器,那么你可以复制有效载荷(表单数据)并从Headers部分请求headers ,然后将它们放入 Postman 并发出请求。或者您可以使用 requests 库来做同样的事情。

如何使用开发工具的全屏模式而不是在单独的浏览器选项卡中打开?

  1. 点击 chrome 开发工具右侧的三个点
  2. 点击第一个选项(两个重叠的方块),它将以全屏模式打开 chrome 开发工具。

请参考下图