如何解决devtools:在新选项卡中打开响应 HTML
如果 ajax/fetch 请求失败,我的框架 (django) 会显示一个很好的调试页面,其中包含很多有用的信息。
在 chrome devtools 中,我可以看到这个调试页面的预览。但是开发工具中的窗口太小了。
有没有办法在新标签页中打开 POST 请求的输出?
如果我使用右键单击“在新选项卡中打开”,那么 chrome 会执行 GET。但是 GET 不会触发我想调试的异常。
解决方法
我认为您能做的最好的事情就是在 Postman 中重新创建场景。 Postman 有一个名为 interceptor 的工具,可以从 Chrome 同步 cookie 和 captures requests。
Postman 拦截器使用 chrome extension,如果您从应用程序启用拦截器,它会将捕获的请求发送到 Postman 应用程序。
但是可能存在安全风险,即 chrome 扩展程序将具有对所有页面的站点访问权限,也许您可以通过从扩展程序设置(来自设置>扩展程序>邮递员拦截器)限制站点访问权限来限制它:
或者,如果您不想使用拦截器,那么您可以从 Headers
部分复制有效负载(表单数据)和请求头,然后将它们放入 Postman 并制作一个要求。或者您可以使用 requests 库来做同样的事情。
如何使用开发工具的全屏模式而不是在单独的浏览器选项卡中打开?
- 点击 chrome 开发工具右侧的三个点
- 点击第一个选项(两个重叠的方块),它将以全屏模式打开 chrome 开发工具。
请参考下图。
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。