Я пытаюсь внедрить какой-то код на сайт, используя расширение Chrome.Веб-сайт представляет собой приложение React, и у меня есть определенный div, на который я нацеливаюсь.
В моем скрипте контента я делаю простую проверку, а затем внедряю контент на страницу.Я успешно пробовал его на страницах, отображаемых на сервере, но не могу заставить его работать в приложении React.
const viewport = document.querySelector('.extension-button');
const app = document.createElement('div');
app.id = 'inject';
viewport.insertAdjacentElement('beforeend', app);
Код в моем расширении такой же, как и выше.Если я выхожу из документа в начале, я вижу полный html-код, включая div с классом "extension-button".
Однако проблема, с которой я столкнулся, заключается в том, что область просмотра тогда пуста.Если я наберу код выше в моей консоли на веб-сайте, он выходит из div.
Кто-нибудь знает, что происходит?