Блог

я пытаюсь установить react-devtools-inline объект внутри окна. Я понимаю, что это в основном используется для iframes и приложений react, встроенных в них, но я хотел бы установить его в главном окне.

Я динамически визуализирую некоторые компоненты React с document.body.appendChild(script) помощью . Я могу заранее зарегистрировать встроенные средства разработки, но когда я пытаюсь это сделать, я понимаю Uncaught TypeError: hook.sub is not a function , что все это происходит с отключенным расширением chrome react devtools.

Есть ли какой-нибудь способ зарегистрироваться react-devtools-inline в главном окне?

Спасибо

Вы можете попытаться внедрить в свой контент самоназванную функцию. Я использую этот метод для redux-devtools.

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