reactjs 将react tsx注入内容脚本-谷歌浏览器

6jjcrrmo  于 2022-12-12  发布在  React
关注(0)|答案(1)|浏览(141)

我遇到了一些问题,无法在网上找到相关信息。
我有一个chrome扩展,当我点击扩展的图标时,我会打开一个弹出的UI。
接下来,当我点击某个按钮时,它会将JS代码注入到我的内容脚本中。酷!
当我尝试在页面中注入一个react代码时,问题就开始了。我怎么能注入这样的代码而不是JS代码呢?
或者更好的是,我如何在那里呈现一个新的ReactTSX组件?
我只想补充一点,我尝试做的是,当用户单击弹出窗口的用户界面中的按钮时,它会使用captureCurrentVisible获取一个打印屏幕,我想将其传递到一个大屏幕,以便我可以使用画布在该图像上绘制(我已经构建了负责此操作的组件,只是不知道如何打开一个窗口,全屏,我可以在其中编辑图像)。
问候!:-)

oyt4ldly

oyt4ldly1#

下面是我用来将tsx添加到内容脚本的示例:https://github.com/yosevu/react-content-script可能有助于查看它或克隆它并从那里开始工作。

相关问题