PhishProtect 项目教程
1. 项目的目录结构及介绍
PhishProtect 项目的目录结构如下:
phish-protect/
├── css/
├── img/
├── js/
├── .gitignore
├── LICENSE
├── README.md
├── manifest.json
├── options.html
├── page_blocked.html
└── popup.html
目录介绍:
- css/: 存放项目的样式文件。
- img/: 存放项目的图片资源。
- js/: 存放项目的 JavaScript 文件。
- .gitignore: Git 忽略文件,指定哪些文件或目录不需要被 Git 管理。
- LICENSE: 项目的开源许可证文件,本项目使用 GPL-3.0 许可证。
- README.md: 项目的说明文件,包含项目的概述、安装方法、使用说明等。
- manifest.json: Chrome 扩展的清单文件,定义扩展的基本信息、权限、启动文件等。
- options.html: 扩展的选项页面,用户可以在此配置扩展的设置。
- page_blocked.html: 当检测到钓鱼网站时,显示的阻止页面。
- popup.html: 扩展的弹出页面,用户点击扩展图标时显示的内容。
2. 项目的启动文件介绍
PhishProtect 项目的启动文件是 manifest.json
。这个文件定义了 Chrome 扩展的基本信息、权限、启动文件等。以下是 manifest.json
的部分内容:
{
"manifest_version": 3,
"name": "PhishProtect",
"version": "1.0",
"description": "Chrome extension to alert and possibly block IDN/Unicode websites and zero-day phishing websites using AI and Computer Vision",
"permissions": [
"webRequest",
"webRequestBlocking",
"storage",
"tabs"
],
"background": {
"service_worker": "background.js"
},
"action": {
"default_popup": "popup.html"
},
"options_page": "options.html"
}
启动文件介绍:
- manifest_version: 指定清单文件的版本,通常为 3。
- name: 扩展的名称。
- version: 扩展的版本号。
- description: 扩展的描述。
- permissions: 扩展所需的权限,例如
webRequest
用于拦截请求,storage
用于存储数据。 - background: 定义后台服务工作者的文件,通常为
background.js
。 - action: 定义扩展的弹出页面,通常为
popup.html
。 - options_page: 定义扩展的选项页面,通常为
options.html
。
3. 项目的配置文件介绍
PhishProtect 项目的主要配置文件是 manifest.json
。这个文件不仅定义了扩展的基本信息,还包含了扩展的权限、启动文件等配置。
配置文件介绍:
- permissions: 定义扩展所需的权限,例如
webRequest
用于拦截请求,storage
用于存储数据。 - background: 定义后台服务工作者的文件,通常为
background.js
。 - action: 定义扩展的弹出页面,通常为
popup.html
。 - options_page: 定义扩展的选项页面,通常为
options.html
。
通过 manifest.json
文件,开发者可以配置扩展的各种行为和功能。