debugHunter 项目教程
1、项目的目录结构及介绍
debugHunter/
├── images/
├── LICENSE
├── README.md
├── debugHunter.js
├── manifest.json
├── options.html
├── options.js
├── popup.html
├── popup.js
└── similarity.min.js
- images/: 存放项目所需的图片资源。
- LICENSE: 项目的许可证文件,采用 MIT 许可证。
- README.md: 项目的说明文档。
- debugHunter.js: 项目的主要逻辑文件。
- manifest.json: Chrome 扩展的清单文件,包含扩展的基本信息和配置。
- options.html: 扩展的选项页面。
- options.js: 选项页面的逻辑文件。
- popup.html: 扩展的弹出页面。
- popup.js: 弹出页面的逻辑文件。
- similarity.min.js: 用于相似度比较的库文件。
2、项目的启动文件介绍
项目的启动文件是 manifest.json
,它是 Chrome 扩展的清单文件,包含了扩展的基本信息和配置。以下是 manifest.json
的主要内容:
{
"manifest_version": 2,
"name": "debugHunter",
"version": "1.0",
"description": "Discover hidden debugging parameters and uncover web application secrets",
"permissions": [
"activeTab",
"webRequest",
"webRequestBlocking",
"<all_urls>"
],
"background": {
"scripts": ["debugHunter.js"],
"persistent": true
},
"browser_action": {
"default_icon": "images/icon.png",
"default_popup": "popup.html"
},
"options_ui": {
"page": "options.html",
"open_in_tab": true
}
}
- manifest_version: 指定清单文件的版本,当前为 2。
- name: 扩展的名称。
- version: 扩展的版本号。
- description: 扩展的描述。
- permissions: 扩展所需的权限,包括
activeTab
,webRequest
,webRequestBlocking
, 和<all_urls>
。 - background: 后台脚本配置,指定
debugHunter.js
为后台脚本。 - browser_action: 浏览器动作配置,指定图标和弹出页面。
- options_ui: 选项页面配置,指定
options.html
为选项页面。
3、项目的配置文件介绍
项目的配置文件主要是 manifest.json
,它包含了扩展的所有配置信息。如上所述,manifest.json
指定了扩展的名称、版本、描述、权限、后台脚本、浏览器动作和选项页面等。
此外,扩展的逻辑和功能主要由 debugHunter.js
、options.js
和 popup.js
等脚本文件实现。这些文件通过 manifest.json
中的配置被加载和执行。
通过以上配置,debugHunter
扩展能够扫描网站中的调试参数,并在发现修改后的 URL 时通知用户。