我想给网页注入一些元素,有什么框架比较方便吗?
比如 popup
可以用 react
,注入元素就只能直接写 js 吗?
当前使用 chrome.scripting.executeScript
进行注入。
![]() | 1 zchengb 2024-07-30 14:01:24 +08:00 ![]() 前阵子写了个 Chrome 插件往 Kibana 页面插入 2 个功能按钮 可以参考一下: https://github.com/zchengb/kibana-enhancer 主要是:/src/pages/Content/index.js 这一份注入的 Javascript 并且通过 manifest.json 的 content_scripts 做的配置 |
2 Podul OP @zchengb 感谢。要是能直接写 jsx ,打包成 js ,然后运行时生成 html 就好了,现在的都要写 js 创建元素,然后再做配置,如果想要注入的功能比较复杂,就比较麻烦。 我看你的代码里写了一个 ConditionSelector 的 jsx 组件,然后调用 `ReactDOM.render(<ConditionSelector />, selectContainer);` 是不是就是这个功能? |
4 Xu3Xan89YsA7oP64 2024-07-30 15:20:27 +08:00 ![]() 只用过 plasmo: https://docs.plasmo.com/framework/content-scripts-ui 这玩意没人会考你原理,直接上框架梭。看 chrome extension 的狗屎文档来学习如何开发得累死 |
5 Podul OP @shizhibuyu2023 看起来还不错,下个项目试试 |
![]() | 6 chen90902 2024-07-31 21:14:09 +08:00 ![]() 用过 https://wxt.dev/ 写过 2 个插件,体验还不错,推荐试下 |