YAAW-for-Chrome 开源项目教程

YAAW-for-Chrome 开源项目教程

YAAW-for-ChromeYet Another Aria2 Web Frontend in pure HTML/CSS/Javascirpt Powered by Chrome项目地址:https://gitcode.com/gh_mirrors/ya/YAAW-for-Chrome

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

YAAW-for-Chrome 是一个用于 Chrome 浏览器的 Yet Another Aria2 Web 界面。项目的目录结构如下：

YAAW-for-Chrome/
├── css/
│   └── style.css
├── img/
│   ├── aria2.png
│   └── favicon.ico
├── js/
│   ├── app.js
│   ├── aria2.js
│   └── jquery.js
├── manifest.json
└── README.md

目录结构介绍

• css/: 包含项目的样式文件，其中 style.css 是主要的样式文件。
• img/: 包含项目的图像文件，如 aria2.png 和 favicon.ico。
• js/: 包含项目的 JavaScript 文件，如 app.js、aria2.js 和 jquery.js。
• manifest.json: 项目的清单文件，定义了扩展的基本信息和权限。
• README.md: 项目的说明文档。

2. 项目的启动文件介绍

项目的启动文件主要是 manifest.json，它定义了扩展的基本信息和启动配置。

manifest.json 文件介绍

{
  "manifest_version": 2,
  "name": "YAAW for Chrome",
  "version": "1.0",
  "description": "Yet Another Aria2 Web Interface for Chrome",
  "icons": {
    "16": "img/aria2.png",
    "48": "img/aria2.png",
    "128": "img/aria2.png"
  },
  "browser_action": {
    "default_icon": "img/aria2.png",
    "default_popup": "popup.html"
  },
  "permissions": [
    "http://*/",
    "https://*/"
  ]
}

启动文件介绍

• manifest_version: 指定清单文件的版本，目前为 2。
• name: 扩展的名称。
• version: 扩展的版本号。
• description: 扩展的描述。
• icons: 扩展的图标。
• browser_action: 定义浏览器动作，包括图标和弹出页面。
• permissions: 扩展所需的权限，如访问 HTTP 和 HTTPS 网站。

3. 项目的配置文件介绍

项目的配置文件主要是 manifest.json，它包含了扩展的基本配置信息。

配置文件介绍

• manifest_version: 指定清单文件的版本，目前为 2。
• name: 扩展的名称。
• version: 扩展的版本号。
• description: 扩展的描述。
• icons: 扩展的图标。
• browser_action: 定义浏览器动作，包括图标和弹出页面。
• permissions: 扩展所需的权限，如访问 HTTP 和 HTTPS 网站。

通过 manifest.json 文件，可以配置扩展的基本信息、图标、启动页面和所需的权限。

YAAW-for-ChromeYet Another Aria2 Web Frontend in pure HTML/CSS/Javascirpt Powered by Chrome项目地址:https://gitcode.com/gh_mirrors/ya/YAAW-for-Chrome