谷歌插件V3知识点

1.background.js与content.js与popup.js对比:

background.js

生命周期:一开始就执行，最早执行且一直执行；

作用：放置全局的、需要一直运行的代码，权限非常高几乎调用所有Chrome api,还可以发起跨域请求；

 content.js

生命周期：注入页面，在刷新当前页面，或者打开新的tab页执行；

作用范围：可以修改页面DOM，js与目标页面隔壁但是css没有；

 popup.js

生命周期：打开 popup 界面执行，关闭结束；

2.mainfest.json示例:

详细可以参考前端 - Chrome 浏览器插件 V3 版本 Manifest.json 文件全字段解析 - 日升_rs - SegmentFault 思否

{
  "name": "Chrome插件V3",
  "version": "1.0",
  "description": "V3版本",
  // Chrome Extension 版本号，3表示MV3
  "manifest_version": 3,
  // background script配置（根目录为最终build生成的插件包目录）
  "background": {
    "service_worker": "background.js"  可以跨域请求
  },
  // content script配置
  "content_scripts": [
    {
       应用于哪些页面地址（可以使用正则，<all_urls>表示匹配所有地址）
      "matches": ["<all_urls>"], 目标页面
       注入到目标页面的css，注意不要污染目标页