如何开始开发一个简单的扩展插件，版本基于V3

文章目录

过滤广告配置

创建 .json 文件

插件需要在根目录下创建一个文件.json文件。让我们创建一个插件清单，如下所示：

{
    "name": "广告过滤",
    "version": "0.0.1",
    "manifest_version": 3,
    "description": "过滤常见网页广告信息",
    "action":{
      "default_popup":"template/popup.html"
    },
    "icons":{
      "16": "icons/icon.png",
      "32": "icons/icon.png",
      "48": "icons/icon.png",
      "128":"icons/icon.png"
    }
  }

如上，配置基本插件信息时扩展商店，需要注意指定版本号。我在这里设置了最新支持的v3版本。 v3版本和v2版本的配置项设置不同。详情请参考官网：to V3。相关配置项如下：

创建 popup.html

popup.html文件不需要用HTML包裹，但这种情况会导致汉字显示乱码扩展商店，所以最好按照完整的HTML写法将编码设置为utf-8。代码如下所示：




    
    Title
    
        .container {
            min-width: 300px;
            padding: 10px 30px;
        }
        .settings {
            margin-top: 30px;
            font-size: 14px;
        }
        .settings .set input{
    
            float: right;
        }
        .settings .set + .set {
            margin-top: 15px;
        }
    


    
        过滤广告配置
        
            
                过滤Google Adsense
                
            
            
                过滤百度广告

打包扩展

我们可以通过打包我们编写的扩展来生成crm文件。创建插件的代码结构如下：