从0搭建chrome插件开发工具(一):开篇

127 阅读1分钟

前言

准备写一个chrome插件,github看了一些项目都是基于Manifest V2的,chrome官网将要废弃Manifest V2所以决定自己从零开始写,记录一个学习的过程.

WX20230302-154337@2x.png

技术选型

目录结构

Manifest V3 需要的配置文件:

  • manifest.json (配置文件,相当于入口文件)
  • popup (点击插件图标弹出的页面)
  • content script (插入到目标页面中执行的JS)
  • background script (在浏览器后台Service Workers中运行的程序)
  • options (选项页面)

所以最终我们打包之后的dist需要以下文件

image.png

background.js文件chrome官网要求放在根目录下

最后

了解了以上内容,就开始进行下一步了