OldTwitter 项目使用教程

OldTwitter 项目使用教程

OldTwitter Extension to return old Twitter layout from 2015 / 2018. 项目地址: https://gitcode.com/gh_mirrors/ol/OldTwitter

1. 项目目录结构及介绍

OldTwitter 项目的主要目录结构如下：

OldTwitter/
├── .github/              # GitHub 工作流和模板文件
├── fonts/                # 字体文件
├── images/               # 图片资源
├── layouts/              # 布局文件
├── libraries/            # 依赖库
├── scripts/              # JavaScript 脚本文件
├── .gitignore            # Git 忽略文件
├── LIBRARIES.md          # 依赖库说明文件
├── LICENSE               # 开源协议文件
├── README.md             # 项目说明文件
├── manifest.json         # Chrome 插件配置文件
├── pack.js               # 打包脚本文件
├── package.json          # Node.js 项目配置文件
├── ruleset.json          # 规则集文件
├── sandbox.html          # 沙盒页面文件
└── test.js               # 测试脚本文件

• .github/: 存放 GitHub 工作流和 Pull Request 模板等。
• fonts/: 存放字体文件，用于显示特定的字体样式。
• images/: 存放项目所需的图片资源。
• layouts/: 存放项目的 HTML 布局文件。
• libraries/: 存放项目依赖的第三方库。
• scripts/: 存放 JavaScript 脚本，用于实现项目的功能。

2. 项目的启动文件介绍

OldTwitter 项目的启动主要是通过浏览器加载 manifest.json 文件来实现的。manifest.json 文件是 Chrome 插件的核心配置文件，它定义了插件的名称、版本、权限、背景脚本、内容脚本等信息。

以下是一个简化的 manifest.json 文件内容示例：

{
  "manifest_version": 2,
  "name": "OldTwitter",
  "version": "1.8.9.9",
  "permissions": [
    "storage",
    "activeTab"
  ],
  "background": {
    "scripts": ["background.js"],
    "persistent": false
  },
  "content_scripts": [
    {
      "matches": ["https://twitter.com/*"],
      "js": ["content.js"]
    }
  ],
  "browser_action": {
    "default_popup": "popup.html",
    "default_icon": "icon.png"
  }
}

在这个文件中，background 部分定义了后台脚本 background.js，content_scripts 部分定义了内容脚本 content.js，它将在访问 Twitter 网站时注入到页面中。

3. 项目的配置文件介绍

OldTwitter 项目的配置主要是通过修改 manifest.json 文件来完成的。这个文件中包含了插件的几乎所有配置信息，包括：

• manifest_version: 定义了使用的 Manifest 文件版本。
• name: 插件的名称。
• version: 插件的版本号。
• permissions: 插件需要的权限列表。
• background: 后台脚本的配置。
• content_scripts: 内容脚本的配置。
• browser_action: 浏览器动作的配置，如弹窗和图标。

如果需要修改插件的某些行为，比如改变注入的脚本或者添加新的功能，就需要修改 manifest.json 文件中相应的配置项。

此外，项目的其他配置可能涉及修改 JavaScript 脚本文件，例如 background.js 或 content.js，以实现特定的功能。这些配置通常在脚本文件的注释中有详细的说明。

OldTwitter Extension to return old Twitter layout from 2015 / 2018. 项目地址: https://gitcode.com/gh_mirrors/ol/OldTwitter