在 iframe 中使用 react 开发工具 [在 Chrome 中]
Posted
技术标签:
【中文标题】在 iframe 中使用 react 开发工具 [在 Chrome 中]【英文标题】：Using react dev tools inside iframe [In Chrome] 【发布时间】：2021-09-19 11:56:29 【问题描述】：当 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 选项并使用它吗？
【问题讨论】：
【参考方案1】：您可以使用内置扩展：https://github.com/facebook/react/tree/main/packages/react-devtools
【讨论】：
以上是关于在 iframe 中使用 react 开发工具 [在 Chrome 中]的主要内容，如果未能解决你的问题，请参考以下文章
如何在 React 组件中插入使用 js 创建的 iframe
使用iFrame Resizer和React JS页面作为内容
如何在使用“react-frame-component”库创建的 IFrame 中加载 webpack 提供的 css？