在 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 訪問可能包含商店而不是主頁的 iframe”。

我應該怎么做才能在 iframe 中啟用開發工具。 我應該克隆 devtools 存儲庫（ https://github.com/facebook/react/tree/master/packages/react-devtools-extensions#build-steps ）並添加 all_frames 選項並使用它嗎？

Answer 1

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