chrome 插件开发问题

[Podul]

我想给网页注入一些元素，有什么框架比较方便吗?

比如 popup 可以用 react，注入元素就只能直接写 js 吗？

当前使用 chrome.scripting.executeScript 进行注入。

[zchengb]

前阵子写了个 Chrome 插件往 Kibana 页面插入 2 个功能按钮 可以参考一下： https://github.com/zchengb/kibana-enhancer

主要是：/src/pages/Content/index.js 这一份注入的 JavaScript 并且通过 manifest.json 的 content_scripts 做的配置

[Podul]

@zchengb 感谢。要是能直接写 jsx ，打包成 js ，然后运行时生成 html 就好了，现在的都要写 js 创建元素，然后再做配置，如果想要注入的功能比较复杂，就比较麻烦。

我看你的代码里写了一个 ConditionSelector 的 jsx 组件，然后调用 `ReactDOM.render(<ConditionSelector />, selectContainer);` 是不是就是这个功能？

[zchengb]

@Podul 是的 这样可以渲染 UI 框架或自定义的组件

[shizhibuyu2023]

只用过 plasmo： https://docs.plasmo.com/framework/content-scripts-ui
这玩意没人会考你原理，直接上框架梭。看 chrome extension 的狗屎文档来学习如何开发得累死🤓

[Podul]

@shizhibuyu2023 看起来还不错，下个项目试试

[chen90902]

用过 https://wxt.dev/ 写过 2 个插件，体验还不错，推荐试下