Thumbnail Rating Bar for YouTube™ 项目教程

Thumbnail Rating Bar for YouTube™ 项目教程

thumbnail-rating-bar-for-youtubeA Chrome and Firefox extension for YouTube that adds a rating bar (likes/dislikes ratio) to the bottom of every thumbnail.项目地址:https://gitcode.com/gh_mirrors/th/thumbnail-rating-bar-for-youtube

1. 项目目录结构及介绍

thumbnail-rating-bar-for-youtube/
├── build/
│   ├── extension/
│   ├── images/
│   ├── manifest-v2/
│   └── notes/
├── third-party-licenses/
├── .gitignore
├── LICENSE
├── README.md
└── manifest.json

目录结构介绍

• build/: 包含扩展的构建文件和资源。

  • extension/: 扩展的核心代码。
  • images/: 扩展使用的图像资源。
  • manifest-v2/: 旧版本的 manifest 文件。
  • notes/: 构建相关的笔记和文档。

• third-party-licenses/: 包含第三方库的许可证文件。

• .gitignore: Git 忽略文件，指定哪些文件和目录不需要被版本控制。

• LICENSE: 项目的开源许可证文件，本项目使用 MIT 许可证。

• README.md: 项目的介绍和使用说明。

• manifest.json: 扩展的配置文件，定义了扩展的基本信息、权限和资源。

2. 项目的启动文件介绍

项目的启动文件主要是 manifest.json，它是 Chrome 和 Firefox 扩展的核心配置文件。以下是 manifest.json 的主要内容：

{
  "manifest_version": 2,
  "name": "Thumbnail Rating Bar for YouTube™",
  "version": "1.0",
  "description": "Adds a likes/dislikes rating bar to the bottom of every YouTube video thumbnail.",
  "icons": {
    "48": "icons/icon-48.png"
  },
  "content_scripts": [
    {
      "matches": ["*://*.youtube.com/*"],
      "js": ["content.js"]
    }
  ],
  "permissions": [
    "activeTab"
  ]
}

启动文件介绍

• manifest_version: 指定 manifest 文件的版本，当前为版本 2。
• name: 扩展的名称。
• version: 扩展的版本号。
• description: 扩展的描述。
• icons: 扩展的图标，指定不同尺寸的图标文件。
• content_scripts: 定义了内容脚本，指定在哪些 URL 下运行以及加载的 JavaScript 文件。
• permissions: 扩展所需的权限，例如 activeTab 表示需要访问当前活动标签页。

3. 项目的配置文件介绍

项目的配置文件主要是 manifest.json，它定义了扩展的基本信息、权限和资源。以下是 manifest.json 的主要配置项：

配置文件介绍

• manifest_version: 指定 manifest 文件的版本，当前为版本 2。
• name: 扩展的名称。
• version: 扩展的版本号。
• description: 扩展的描述。
• icons: 扩展的图标，指定不同尺寸的图标文件。
• content_scripts: 定义了内容脚本，指定在哪些 URL 下运行以及加载的 JavaScript 文件。
• permissions: 扩展所需的权限，例如 activeTab 表示需要访问当前活动标签页。

通过 manifest.json 文件，开发者可以配置扩展的基本信息、运行环境、所需权限等，确保扩展能够正常运行并满足用户需求。

thumbnail-rating-bar-for-youtubeA Chrome and Firefox extension for YouTube that adds a rating bar (likes/dislikes ratio) to the bottom of every thumbnail.项目地址:https://gitcode.com/gh_mirrors/th/thumbnail-rating-bar-for-youtube