HaloWord 项目教程

HaloWord 项目教程

halowordEnglish–Chinese dictionary app for Chrome with over 30,000 users项目地址:https://gitcode.com/gh_mirrors/ha/haloword

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

HaloWord 项目的目录结构如下：

HaloWordApp/
├── builtin/
├── img/
├── include/
├── style/
├── .gitignore
├── LICENSE
├── README.md
├── background.html
├── dist.sh
├── icon-1024.png
├── icon-128.png
├── icon-16.png
├── icon-2048.png
├── icon-256.png
├── icon-32.png
├── icon-48.png
├── icon-512.png
├── icon-scalable.svg
├── main.html
├── manifest.json

目录介绍

• builtin/: 包含内置资源文件。
• img/: 包含项目所需的图像文件。
• include/: 包含项目所需的包含文件。
• style/: 包含项目的样式文件。
• .gitignore: Git 忽略文件配置。
• LICENSE: 项目许可证文件。
• README.md: 项目说明文档。
• background.html: 背景页面文件。
• dist.sh: 分发脚本文件。
• icon-*.png 和 icon-scalable.svg: 项目图标文件。
• main.html: 主页面文件。
• manifest.json: 扩展程序的清单文件。

2. 项目的启动文件介绍

HaloWord 项目的启动文件是 main.html。这个文件是用户打开新标签页时显示的主界面。它包含了字典的主要功能和用户交互界面。

main.html 文件内容概述

• 包含了字典的主界面布局。
• 提供了单词查询、单词表管理等功能。
• 支持划词查询、右键查询等交互方式。

3. 项目的配置文件介绍

HaloWord 项目的配置文件是 manifest.json。这个文件定义了扩展程序的基本信息和配置。

manifest.json 文件内容概述

• manifest_version: 清单文件的版本。
• name: 扩展程序的名称。
• version: 扩展程序的版本号。
• description: 扩展程序的描述。
• icons: 扩展程序的图标。
• browser_action: 浏览器动作配置。
• background: 背景页面配置。
• permissions: 扩展程序所需的权限。

示例内容：

{
  "manifest_version": 2,
  "name": "Halo Word Dictionary",
  "version": "1.0",
  "description": "A well-designed English ⇒ Chinese dictionary for Chrome",
  "icons": {
    "16": "icon-16.png",
    "48": "icon-48.png",
    "128": "icon-128.png"
  },
  "browser_action": {
    "default_icon": "icon-48.png",
    "default_title": "Halo Word Dictionary",
    "default_popup": "main.html"
  },
  "background": {
    "scripts": ["background.js"]
  },
  "permissions": [
    "activeTab",
    "storage"
  ]
}

通过以上内容，您可以了解 HaloWord 项目的目录结构、启动文件和配置文件的基本信息，从而更好地理解和使用该项目。

halowordEnglish–Chinese dictionary app for Chrome with over 30,000 users项目地址:https://gitcode.com/gh_mirrors/ha/haloword