google浏览器插件开发实战操作
来源:Chrome官网
时间:2026/07/20

1. 创建一个新的Google Chrome扩展程序项目。在命令行中输入以下命令:
chrome://extensions/
2. 点击“创建新扩展程序”,填写扩展程序的名称、描述和图标。
3. 创建一个名为`manifest.json`的文件,用于描述扩展程序的功能和权限。在命令行中输入以下命令:
cd your_project_folder
touch manifest.json
4. 编辑`manifest.json`文件,添加以下内容:
json
{
"name": "Your Extension Name",
"description": "A sample extension for Google Chrome",
"version": "1.0",
"permissions": ["activeTab"],
"background": {
"scripts": ["background.js"]
}
}
5. 创建一个名为`background.js`的文件,用于处理扩展程序的后台逻辑。在命令行中输入以下命令:
cd your_project_folder
touch background.js
6. 编辑`background.js`文件,编写扩展程序的后台逻辑。例如,可以监听用户的操作,如点击按钮或输入文本等,然后执行相应的操作。
7. 将`manifest.json`和`background.js`文件上传到Google Chrome扩展程序商店。在命令行中输入以下命令:
chrome.runtime.onInstalled.addListener(() => {
console.log("Extension installed");
});
8. 安装并运行扩展程序。在Chrome浏览器中,点击扩展程序的图标或地址栏输入扩展程序的URL,即可开始使用扩展程序。
继续阅读

