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 库来做同样的事情。
如何使用开发工具的全屏模式而不是在单独的浏览器选项卡中打开?
- 点击 chrome 开发工具右侧的三个点
- 点击第一个选项(两个重叠的方块),它将以全屏模式打开 chrome 开发工具。
请参考下图
如果 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 库来做同样的事情。
如何使用开发工具的全屏模式而不是在单独的浏览器选项卡中打开?
- 点击 chrome 开发工具右侧的三个点
- 点击第一个选项(两个重叠的方块),它将以全屏模式打开 chrome 开发工具。
请参考下图