Blue-Blocker 项目使用教程

Blue-Blocker 项目使用教程

Blue-BlockerBlocks all Twitter Blue verified users on twitter.com项目地址:https://gitcode.com/gh_mirrors/bl/Blue-Blocker

1. 项目的目录结构及介绍

Blue-Blocker/
├── build/
│   └── manifest.json
├── src/
│   ├── background.js
│   ├── content.js
│   ├── options.html
│   └── options.js
├── LICENSE
├── README.md
└── package.json

• build/: 包含构建后的文件，如 manifest.json，这是 Chrome 扩展的配置文件。
• src/: 包含项目的源代码文件。
  • background.js: 后台脚本，处理扩展的主要逻辑。
  • content.js: 内容脚本，处理网页上的内容。
  • options.html: 扩展的设置页面。
  • options.js: 处理设置页面的逻辑。
• LICENSE: 项目的许可证文件，采用 Mozilla Public License 2.0。
• README.md: 项目的介绍和使用说明。
• package.json: 项目的依赖和脚本配置文件。

2. 项目的启动文件介绍

• background.js: 这是扩展的后台脚本，负责处理扩展的主要逻辑。它会在扩展安装或浏览器启动时自动运行，管理用户设置、处理 API 请求等。
• content.js: 这是内容脚本，负责处理网页上的内容。它会注入到 Twitter 页面中，根据用户设置屏蔽 Twitter Blue 验证用户。

3. 项目的配置文件介绍

• manifest.json: 这是 Chrome 扩展的配置文件，定义了扩展的基本信息、权限、脚本等。以下是 manifest.json 的主要内容：

{
  "manifest_version": 3,
  "name": "Blue Blocker",
  "version": "0.4",
  "description": "Blocks all Twitter Blue verified users on twitter.com",
  "permissions": [
    "storage",
    "activeTab",
    "scripting"
  ],
  "background": {
    "service_worker": "background.js"
  },
  "content_scripts": [
    {
      "matches": ["https://twitter.com/*"],
      "js": ["content.js"]
    }
  ],
  "options_ui": {
    "page": "options.html",
    "open_in_tab": true
  }
}

• manifest_version: 指定扩展的清单文件版本，当前为 3。
• name: 扩展的名称。
• version: 扩展的版本号。
• description: 扩展的描述。
• permissions: 扩展所需的权限，如存储、活动标签页、脚本执行等。
• background: 定义后台脚本，处理扩展的主要逻辑。
• content_scripts: 定义内容脚本，注入到匹配的网页中。
• options_ui: 定义扩展的设置页面。

通过以上配置，扩展能够在 Twitter 页面上运行，并根据用户设置屏蔽 Twitter Blue 验证用户。

Blue-BlockerBlocks all Twitter Blue verified users on twitter.com项目地址:https://gitcode.com/gh_mirrors/bl/Blue-Blocker