Improved Intra 浏览器扩展使用教程

Improved Intra 浏览器扩展使用教程

improved_intraThe ultimate browser extension for 42's Intranet, used weekly by more than 5000 students from all over the world项目地址:https://gitcode.com/gh_mirrors/im/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 浏览器扩展。希望本教程对您有所帮助！

improved_intraThe ultimate browser extension for 42's Intranet, used weekly by more than 5000 students from all over the world项目地址:https://gitcode.com/gh_mirrors/im/improved_intra