基于manifest v3+react开发的Chrome插件demo

一、简述

现在全网写的chrome插件基本都还是原生的html、css加js那一套,相比于使用react开发非常的不方便,而且大多都还是manifest v2版本,如果你是初学者,建议先看下我的另一篇文章,十分钟带你入门chrome插件开发。基于以上问题我自己搭建了一套基于manifest v3+react开发的chrome插件demo。

二、chrome插件demo展示

登录页.png

首页.png

添加日志.png

修改日志.png

查看日志.png

如需获取demo项目源码,请到我的github上自行clone,顺便给咱点个Star,非常感谢。
https://github.com/hepengwei/chrome-extension-react-demo

三、注意事项

该项目中使用了一个webpack插件,也是我自己开发的,它能帮助我们自动将build打包后的插件直接加载到Chrome浏览器中运行起来,想要了解该插件的详细信息,可以看我的另一篇文章,一款将打包后的Chrome插件自动化加载到浏览器的webpack插件,里面有详细的介绍。如果你不想使用该插件功能,可以在webpack的配置文件中将其删除即可。

更多个人文章

  1. requestAnimationFrame和requestIdleCallback是宏任务还是微任务
  2. 两个跨域页面进行跳转传参的终极方案
  3. 深入理解Event Loop的运行机制
  4. hashHistory和browserHistory的区别
  5. 面试秘籍之手写系列

你可能感兴趣的:(基于manifest v3+react开发的Chrome插件demo)