javascript - 在 iframe 中使用 react 开发工具 [在 Chrome 中]

Question

当 react 应用程序位于 iframe 中时， react 的开发工具 chrome 扩展不起作用。
推荐人:https://github.com/facebook/react/issues/18945
开发工具团队建议的解决方案:
https://github.com/zalmoxisus/redux-devtools-extension/pull/56 .
“将 'all_frames' 选项添加到 manifest.json 以允许 DevTools 访问可能包含 Store 而不是主页的 iframe”。
我应该怎么做才能在 iframe 中启用开发工具。我应该克隆 devtools repo (https://github.com/facebook/react/tree/master/packages/react-devtools-extensions#build-steps) 并添加 all_frames 选项并使用它吗？

Answer 1

也许这为时已晚。但是，我看到了这个 thread在其他一些 SO 对话中(不幸的是我现在找不到)
本质上，他们建议将此添加到 body的iframe 'd 应用程序。

<script>
    if (window.parent !== window) {
      window.__REACT_DEVTOOLS_GLOBAL_HOOK__ = window.parent.__REACT_DEVTOOLS_GLOBAL_HOOK__;
    }
</script>

这似乎适用于我的用例，这似乎类似于 OP 提到的。