如何将 Redux Devtools 连接到其他人的应用程序

Posted

技术标签:

【中文标题】如何将 Redux Devtools 连接到其他人的应用程序【英文标题】:How to connect Redux Devtools to someone else's app 【发布时间】:2020-07-26 23:17:00 【问题描述】:

我知道在 Web 应用上启用 redux devtools 的典型方法是在创建商店时对其进行配置。网上有很多这样的例子。

我想知道的是,我可以采用什么方法/技巧来尝试将 Redux DevTools 连接到我没有开发的 Web 应用程序?假设我碰巧知道一些 Web 应用程序使用 Redux,有什么我可以做的/我可以在开发人员控制台中运行的代码,事后将其连接到 Redux DevTools,这样我就可以检查一些被触发的操作页面?

例如,React DevTools 似乎可以在使用 React 的网站上运行,而无需在代码中进行配置。

【问题讨论】:

【参考方案1】:

不,这不可能。

Redux DevTools 扩展必须配置为存储设置过程的一部分,因为它实际上包装了原始存储。

React DevTools 工作是因为 React 公开了一些内部函数,React DevTools 可以调用这些函数来读取 React 的数据结构。

【讨论】:

Redux DevTools 在 AWS 控制台上自动为我工作:D 这意味着他们必须配置他们的商店以启用 DevTools 连接。

以上是关于如何将 Redux Devtools 连接到其他人的应用程序的主要内容,如果未能解决你的问题,请参考以下文章

如何将 redux-form 绑定连接到表单的输入

如何将 Gatsby 混合站点连接到 Apollo/Graphcool(或 Redux)?

如何将操作发送到 redux-devtools 存储以从组件导入状态?

如何将堆栈跟踪添加到我当前的 Redux Devtools 设置中?

如何将 Redux devtools 与 Nextjs 一起使用?

将 React Redux 连接到 Typescript 中的组件