以下是Chrome浏览器插件开发教程：
1. 创建基本项目结构
- 在电脑中新建文件夹（如`my-extension`），内部创建`manifest.json`文件，定义扩展的基本信息：
json
{
"manifest_version": 3,
"name": "我的扩展",
"version": "1.0",
"description": "一个简单的Chrome扩展",
"action": {
"default_popup": "popup."
}
}

- 在同一文件夹下创建`popup.`，编写基础界面代码：


<>

欢迎使用我的扩展

2. 加载扩展到Chrome
- 打开Chrome浏览器，点击右上角三个点→“更多工具”→“扩展程序”。
- 开启右上角“开发者模式”，点击“加载已解压的扩展程序”，选择`my-extension`文件夹。
- 在扩展页面中检查是否正确显示图标和弹出窗口。
3. 添加事件监听功能
- 在`popup.`中引入`content.js`脚本，通过`chrome.runtime` API处理用户操作：

<script src="content.js">

- 在`content.js`中编写按钮点击事件：
javascript
document.addEventListener('DOMContentLoaded', () => {
document.querySelector('body').addEventListener('click', () => {
alert('按钮被点击了！');
});
});

4. 配置权限与背景脚本
- 在`manifest.json`中添加权限声明（如访问当前标签页）：
json
"permissions": [
"tabs"
],
"background": {
"service_worker": "background.js"
}

- 创建`background.js`文件，监听浏览器动作：
javascript
chrome.action.onClicked.listen((tab) => {
console.log('扩展图标被点击，当前标签页URL：', tab.url);
});

5. 调试与错误排查
- 按`F12`打开开发者工具，切换到“扩展程序”面板，查看控制台输出和网络请求日志。
- 在`manifest.json`中启用“调试模式”（设置`"devtools_page": "popup."`），直接在源码页面修改后实时生效。
6. 发布与打包扩展
- 在扩展程序页面点击“打包扩展”，生成`.crx`文件，上传至Chrome应用商店。
- 在`manifest.json`中填写详细描述（如`"homepage_url": "https://example.com"`），确保审核通过。
7. 处理常见问题
- 若扩展无法加载，检查`manifest.json`语法是否正确（如逗号缺失、版本号格式错误）。
- 若功能失效，确认权限是否匹配（如需要访问书签则需添加`"bookmarks"`权限）。