chrome浏览器Extension插件开发框架对比和介绍

发布时间:2024年01月21日

想开发chrome浏览器插件的话,如果没有一个好的框架支持,那么你只能手写js和html实现了,这样做的话,可能效率没有那么高,所以github上就有一些牛人来定制化了这些操作,将react和vue等开发框架快速集成,实现了使用react和vue来开发chrome浏览器插件的仓库。

1.Plasmo Framework

Plasmo?框架是一款黑客为黑客打造的功能强大的浏览器扩展程序软件开发工具包(SDK)。使用 Plasmo 来构建你的浏览器扩展程序,不需要操心扩展的配置文件和构建时的一些奇怪特性。

github地址:https://github.com/PlasmoHQ/plasmo

中文文档地址:https://github.com/PlasmoHQ/plasmo/blob/main/cli/plasmo/i18n/README.zh-CN.md?

2.?Chrome Extension (MV3) Boilerplate with React 18 and Webpack 5

这是一个基本的 Chrome 扩展样板,可以帮助你编写模块化和现代化的 Javascript 代码,轻松加载 CSS,并在代码更改时自动重新加载浏览器。

github地址:https://github.com/lxieyang/chrome-extension-boilerplate-react

3.Chrome Extension TypeScript Starter?

使用ts和vscode开发浏览器插件的模板仓库

github地址:https://github.com/chibat/chrome-extension-typescript-starter/tree/main

4.Create Chrome Extension (.crx)

github地址:https://github.com/guocaoyi/create-chrome-ext

中文文档地址:https://github.com/guocaoyi/create-chrome-ext/blob/main/docs/README.zh-CN.md

Chrome 插件生成器,支持多种框架模板!

文章来源:https://blog.csdn.net/weixin_44786530/article/details/135726920
本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。