Darker-Medium 项目教程
1、项目的目录结构及介绍
Darker-Medium/
├── LICENSE
├── README.md
├── background.js
├── content.css
├── content.js
├── manifest.json
├── options.css
├── options.html
└── options.js
- LICENSE: 项目的许可证文件。
- README.md: 项目的说明文档。
- background.js: 扩展的后台脚本。
- content.css: 应用于Medium网站的内容样式文件。
- content.js: 内容脚本,用于处理页面内容。
- manifest.json: 扩展的清单文件,包含扩展的配置信息。
- options.css: 选项页面的样式文件。
- options.html: 选项页面的HTML文件。
- options.js: 选项页面的脚本文件。
2、项目的启动文件介绍
- manifest.json: 这是扩展的清单文件,它定义了扩展的基本信息、权限、以及启动时需要加载的文件。具体内容如下:
{
"manifest_version": 2,
"name": "Darker Medium",
"version": "1.0",
"description": "Read Medium stories with happy eyes",
"permissions": [
"activeTab",
"storage"
],
"background": {
"scripts": ["background.js"],
"persistent": false
},
"content_scripts": [
{
"matches": ["*://*.medium.com/*"],
"js": ["content.js"],
"css": ["content.css"]
}
],
"options_ui": {
"page": "options.html",
"open_in_tab": true
},
"browser_action": {
"default_popup": "options.html",
"default_icon": {
"16": "images/icon16.png",
"48": "images/icon48.png",
"128": "images/icon128.png"
}
}
}
3、项目的配置文件介绍
-
manifest.json: 如上所述,这个文件包含了扩展的所有配置信息,包括权限、启动脚本、内容脚本等。
-
options.html: 这个文件定义了扩展的选项页面,用户可以在这里自定义扩展的设置。
-
options.js: 这个脚本文件处理选项页面的逻辑,包括保存用户设置等。
通过以上介绍,您可以更好地理解和使用 Darker-Medium 项目。希望这个教程对您有所帮助!