调试来自 chrome 开发工具的 firestore 网络请求

Posted

技术标签:

【中文标题】调试来自 chrome 开发工具的 firestore 网络请求【英文标题】:Debugging firestore network requests from chrome dev tools 【发布时间】:2019-10-15 06:06:14 【问题描述】:

使用 Angular + Google Cloud Firestore,我希望调试从表单触发的请求,以确保它不会频繁触发。当我转到 Chrome 开发工具中的“网络”选项卡时,我看到一个请求通过 https://firestore.googleapis.com/...,但响应数据已编码并且看起来像这样:

8
[1,4,7]

在我对 firestore 的基本理解中,我认为请求看起来是这样的,因为 firestore 在后台使用了 gRPC。我来自 REST/JSON 背景,所以这对我来说是一个新领域。有没有更好的方法来调试这样的请求?

【问题讨论】:

你有没有想过这个问题?我目前面临同样的问题。我只是想确认我没有打多余的电话。 不,不走运。我找到的最接近的解决方案是这个库,但无法正常工作:github.com/SafetyCulture/grpc-web-devtools。 这里也一样...github.com/SafetyCulture/grpc-web-devtools不走运 【参考方案1】:

Cloud Firestore 请求响应可以在network 标签的XHR 选项下看到。 检查这张图片。

【讨论】:

以上是关于调试来自 chrome 开发工具的 firestore 网络请求的主要内容,如果未能解决你的问题,请参考以下文章

来自 Flash 的 Chrome 80 POST:无 cookie,Origin null(非跨站点)

调试 - Chrome调试

chrome调试工具

第1658期 Chrome 专家调试法 - 介绍 Chrome 开发者工具的最佳用法

chrome 如何调试js

调试时禁用 chrome 数据保护程序