从 Chrome 开发工具扩展中检查 WebSockets 帧

【问题标题】：Inspect WebSockets frames from a Chrome Dev Tools extension从 Chrome 开发工具扩展中检查 WebSockets 帧
【发布时间】：2013-06-10 07:53:39
【问题描述】：

我想创建一个 Chrome 开发者工具扩展（一个新面板）来分析我们自己网站上的 WebSockets 框架。据我了解，http://developer.chrome.com/extensions/devtools.network.html 不够完整，无法访问 WebSockets 框架。那我最好的选择是什么？

谢谢！

【问题讨论】：

Fiddler 更容易用于调试 websocket。我最近写了一篇关于 CodeProject 的文章，向您展示了如何使用 Fiddler 调试/检查 WebSocket 流量。 codeproject.com/Articles/718660/…
我需要检查 WebSocket 帧 - 并且遇到了这个 Google Chrome 扩展。 chrome.google.com/webstore/detail/websocket-frame-inspector/… 注意：我也可以非常无缝地将它安装在 Microsoft Edge (Chromium) 上。

标签： google-chrome-extension

【解决方案1】：

根据我的个人经验，如果插件 api 不允许修改 Chrome 中的浏览器行为是不可能的 - 在 Firefox 中，这更容易更改，因为大部分界面逻辑都是用 Javascript 编写的，并且有是几乎任何东西的 api。

Chrome确实支持 NPAPI api，但是这是用 C++ 编写的，并且文档由 Mozilla（最好）维护。

基本上：

停止使用 Chrome
为 Firefox 编写插件https://developer.mozilla.org/en-US/docs/Plugins
将插件附加到 Chrome 时请屏住呼吸。

您的另一个选择是检查 Chrome 的源代码，并尝试理解、修改它，并（可能）将您的更改提交回树中。

您可能可以摆脱这个https://developers.google.com/chrome-developer-tools/docs/contributing

不过，同样，您正在创建 Chrome 的调试版本。

总之，没有简单的答案。

【讨论】：