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

Question

When react app is inside an iframe, dev tool chrome extension for react is not working.

Refererd: https://github.com/facebook/react/issues/18945

Solution suggested by the dev tools team: https://github.com/zalmoxisus/redux-devtools-extension/pull/56 .

"Adds the 'all_frames' option to the manifest.json to allow DevTools to access iframes that might hold the Store instead of the main page".

What should I do to enable the dev tools in iframe. should I clone the devtools repo ( https://github.com/facebook/react/tree/master/packages/react-devtools-extensions#build-steps ) and add all_frames option and use it ?

Answer 1

您可以使用内置扩展： https : //github.com/facebook/react/tree/main/packages/react-devtools