Improved Intra 浏览器扩展使用教程
1. 项目的目录结构及介绍
improved_intra/
├── README.md
├── LICENSE
├── manifest.json
├── sw.js
├── updates.json
├── js/
│ └── sw.js
├── css/
│ └── style.css
├── images/
│ └── logo.png
└── src/
├── background.js
├── content.js
└── options.js
- README.md: 项目说明文件,包含项目的基本信息和使用指南。
- LICENSE: 项目许可证文件,本项目使用 MIT 许可证。
- manifest.json: 扩展的配置文件,定义了扩展的基本信息和资源路径。
- sw.js: 服务工作线程文件,用于处理后台任务。
- updates.json: 更新配置文件,定义了扩展的更新策略。
- js/: 包含 JavaScript 文件的目录,如
sw.js
。 - css/: 包含样式文件的目录,如
style.css
。 - images/: 包含图像文件的目录,如
logo.png
。 - src/: 包含源代码文件的目录,如
background.js
,content.js
,options.js
。
2. 项目的启动文件介绍
-
manifest.json: 这是 Chrome 扩展的配置文件,定义了扩展的名称、版本、权限、启动文件等信息。
{ "manifest_version": 2, "name": "Improved Intra 42", "version": "1.0", "description": "The ultimate browser extension for 42's Intranet", "permissions": [ "https://intra.42.fr/*" ], "background": { "scripts": ["src/background.js"] }, "content_scripts": [ { "matches": ["https://intra.42.fr/*"], "js": ["src/content.js"] } ], "browser_action": { "default_icon": "images/logo.png", "default_popup": "popup.html" } }
-
src/background.js: 后台脚本文件,负责处理扩展的后台逻辑。
-
src/content.js: 内容脚本文件,负责在网页加载时注入脚本,实现页面增强功能。
3. 项目的配置文件介绍
-
manifest.json: 如上所述,这是扩展的主要配置文件,定义了扩展的基本信息、权限和启动文件。
-
updates.json: 更新配置文件,定义了扩展的更新策略。
{ "update_url": "https://example.com/updates.xml", "version": "1.0" }
-
src/options.js: 选项页面脚本文件,负责处理用户自定义设置。
document.addEventListener('DOMContentLoaded', function() { // 加载用户设置 loadOptions(); // 保存用户设置 document.getElementById('save').addEventListener('click', saveOptions); });
通过以上介绍,您可以更好地理解和使用 Improved Intra 浏览器扩展。希望本教程对您有所帮助!