V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
Get Google Chrome
Vimium · 在 Chrome 里使用 vim 快捷键
Podul
V2EX  ›  Chrome

chrome 插件开发问题

  •  
  •   Podul · 114 天前 · 1016 次点击
    这是一个创建于 114 天前的主题,其中的信息可能已经有所发展或是发生改变。

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

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

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

    6 条回复    2024-07-31 21:14:09 +08:00
    zchengb
        1
    zchengb  
       114 天前   ❤️ 1
    前阵子写了个 Chrome 插件往 Kibana 页面插入 2 个功能按钮 可以参考一下: https://github.com/zchengb/kibana-enhancer

    主要是:/src/pages/Content/index.js 这一份注入的 JavaScript 并且通过 manifest.json 的 content_scripts 做的配置
    Podul
        2
    Podul  
    OP
       114 天前
    @zchengb 感谢。要是能直接写 jsx ,打包成 js ,然后运行时生成 html 就好了,现在的都要写 js 创建元素,然后再做配置,如果想要注入的功能比较复杂,就比较麻烦。

    我看你的代码里写了一个 ConditionSelector 的 jsx 组件,然后调用 `ReactDOM.render(<ConditionSelector />, selectContainer);` 是不是就是这个功能?
    zchengb
        3
    zchengb  
       114 天前
    @Podul 是的 这样可以渲染 UI 框架或自定义的组件
    shizhibuyu2023
        4
    shizhibuyu2023  
       114 天前   ❤️ 1
    只用过 plasmo: https://docs.plasmo.com/framework/content-scripts-ui
    这玩意没人会考你原理,直接上框架梭。看 chrome extension 的狗屎文档来学习如何开发得累死🤓
    Podul
        5
    Podul  
    OP
       113 天前
    @shizhibuyu2023 看起来还不错,下个项目试试
    chen90902
        6
    chen90902  
       113 天前   ❤️ 1
    用过 https://wxt.dev/ 写过 2 个插件,体验还不错,推荐试下
    关于   ·   帮助文档   ·   博客   ·   API   ·   FAQ   ·   实用小工具   ·   1082 人在线   最高记录 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 22ms · UTC 18:52 · PVG 02:52 · LAX 10:52 · JFK 13:52
    Developed with CodeLauncher
    ♥ Do have faith in what you're doing.