javascript - 是否可以将 react-devtools-inline 安装到窗口中？

Question

我正在尝试安装react-devtools-inline在窗口对象内。我了解，这主要用于 iframe 和嵌入其中的反应应用程序，但我希望将它安装在主窗口上。

我使用document.body.appendChild(script). 我可以事先注册 inline-devtools，但是当我尝试这样做时，我得到Uncaught TypeError: hook.sub is not a function 这一切都是在禁用 chrome 扩展反应开发工具的情况下发生的。

有什么方法可以react-devtools-inline在主窗口注册吗？

谢谢

标签： javascriptreactjsiframewindowreact-devtools

Answer 1

您可以尝试在您的内容中注入一个自调用函数。我将此方法用于 redux-devtools。

const func = `(${String(this._headFunction)})()`;
const xhrOverrideScript: HTMLScriptElement = document.createElement('script');
xhrOverrideScript.type = 'text/javascript';
xhrOverrideScript.innerHTML = func;
document.head.prepend(xhrOverrideScript);