【问题标题】:Why is the network tab empty in developer tools when using a meteor app website?为什么在使用流星应用网站时,开发者工具中的网络选项卡为空?
【发布时间】:2021-01-07 08:40:43
【问题描述】:

在使用包含流星应用程序的网站时(例如 https://edabit.com),我注意到开发者工具中的 Firefox 或 chrome 的网络选项卡中几乎没有显示任何内容。例如,登录网站时,填写我的详细信息后按“登录”按钮时不会显示新请求。无论我输入的密码正确还是错误都是如此(显然需要通过某种请求发送到服务器进行检查)。

如果我使用 chrome 的“meteor devtools”扩展,我可以在新的“meteor”选项卡中看到方法调用(例如“使用 [object Object] 调用方法登录”)。但我的问题更具理论性:流星是如何从这里的开发人员工具中“隐藏”的?有没有办法让实际的请求显示出来?

(我正在使用开发人员工具和 python 中的请求模块来学习 http 请求。我的目标是自动化一些常见任务,例如检查给定主题的新帖子。很高兴存在一个特定的流星扩展,但如果我在使用不同的应用程序时遇到同样的问题,我会被卡住。)

注意:我知道我可以在这里使用 tcpdump 或 wireshark,但我希望继续使用开发人员工具或类似的东西(对于添加的上下文、内置过滤、重播能力、ui 等)。

【问题讨论】:

    标签: javascript google-chrome http firefox meteor


    【解决方案1】:

    我认为这是因为很多通信都是通过分布式数据协议 (DDP) 进行的。

    Publications and Data Loading

    【讨论】:

    • 所以根据我浏览文档后的理解,DDP 是它自己的协议,通过 websocket 或 socksjs 发送。 Websocket 本身是它自己的协议(与 HTTP 不同),并通过 TCP 在端口 443 上发送。开发人员工具仅查找 HTTP 请求,因此缺少它。您知道什么是用于查看来自 Web 应用程序的所有 TCP 通信的最佳工具,以获得接近开发人员工具的体验吗?
    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2018-05-05
    • 2015-02-15
    • 1970-01-01
    • 2012-08-26
    • 1970-01-01
    • 2018-04-29
    相关资源
    最近更新 更多