Bing Chat Sidebar for Chrome 项目教程

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

bing-chat-sidebar-for-chrome/
├── libs/
│   └── ... (包含项目依赖的库文件)
├── rules/
│   └── ... (包含项目的规则文件)
├── shell/
│   └── ... (包含项目的Shell脚本)
├── sidepanel/
│   └── ... (包含侧边栏相关的文件)
├── .gitignore
├── LICENSE
├── README.md
├── background.js
├── content-script.js
├── icon.png
├── manifest.json
├── package.json
└── screenshot.png

目录结构介绍

• libs/: 包含项目依赖的库文件。
• rules/: 包含项目的规则文件。
• shell/: 包含项目的Shell脚本。
• sidepanel/: 包含侧边栏相关的文件。
• .gitignore: 指定Git版本控制系统忽略的文件和目录。
• LICENSE: 项目的开源许可证文件。
• README.md: 项目的介绍和使用说明。
• background.js: 后台脚本文件，处理后台任务。
• content-script.js: 内容脚本文件，处理网页内容。
• icon.png: 项目的图标文件。
• manifest.json: 项目的配置文件，定义扩展的功能和权限。
• package.json: 项目的依赖管理文件。
• screenshot.png: 项目的截图文件。

2. 项目的启动文件介绍

background.js

background.js 是项目的后台脚本文件，主要负责处理后台任务和事件监听。它通常用于管理扩展的生命周期、处理消息传递和执行后台操作。

content-script.js

content-script.js 是内容脚本文件，它会在用户访问的网页上下文中运行。主要用于操作和修改网页内容，与用户交互。

3. 项目的配置文件介绍

manifest.json

manifest.json 是项目的配置文件，定义了扩展的功能和权限。以下是该文件的主要内容：

{
  "manifest_version": 3,
  "name": "Bing Chat Sidebar for Chrome",
  "version": "1.0",
  "description": "AI-powered Bing sidebar ported from Microsoft Edge to Chrome with the same features like accessing the current webpage or PDF.",
  "permissions": [
    "activeTab",
    "storage"
  ],
  "background": {
    "service_worker": "background.js"
  },
  "content_scripts": [
    {
      "matches": ["<all_urls>"],
      "js": ["content-script.js"]
    }
  ],
  "side_panel": {
    "default_path": "sidepanel/index.html"
  },
  "icons": {
    "48": "icon.png"
  }
}

配置文件介绍

• manifest_version: 指定Manifest文件的版本，通常为3。
• name: 扩展的名称。
• version: 扩展的版本号。
• description: 扩展的描述。
• permissions: 扩展所需的权限，如activeTab和storage。
• background: 定义后台脚本文件。
• content_scripts: 定义内容脚本文件及其匹配的URL模式。
• side_panel: 定义侧边栏的默认路径。
• icons: 定义扩展的图标。

通过以上内容，您可以了解如何配置和启动 Bing Chat Sidebar for Chrome 项目。