1. 安装Chrome扩展程序开发工具：访问Chrome网上应用店，搜索“Chrome扩展程序开发工具”，点击安装。
2. 创建一个新的Chrome扩展程序项目：打开Chrome扩展程序开发工具，点击“创建新项目”。
3. 选择语言和目标平台：在弹出的窗口中，选择你的编程语言（如JavaScript、TypeScript等）和目标平台（如桌面、移动设备等）。
二、编写代码
1. 创建一个主文件：在扩展程序项目中创建一个新的文件夹，命名为“main.js”。
2. 编写主文件：在“main.js”文件中，编写你的扩展程序的主逻辑。例如：
javascript
// main.js
chrome.runtime.onInstalled.addListener(() => {
console.log('Extension installed');
});
chrome.runtime.onMessage.addListener((request, sender, sendResponse) => {
if (request.type === 'hello') {
sendResponse({ message: 'Hello, world!' });
} else {
console.log('Unknown request type:', request.type);
}
});
3. 添加事件监听器：在主文件中，添加事件监听器来处理用户的操作。例如：
javascript
// main.js
chrome.storage.onChanged.addListener((changes) => {
if (changes.getItem('key')) {
console.log('Storage changed:', changes.getItem('key'));
}
});
三、编译并运行
1. 编译扩展程序：在扩展程序项目中，点击“构建”按钮，等待扩展程序编译完成。
2. 运行扩展程序：在扩展程序页面的右上角，点击“运行”按钮，开始运行扩展程序。
四、调试
1. 打开开发者工具：在扩展程序页面的右上角，点击“打开开发者工具”按钮，打开Chrome开发者工具。
2. 切换到控制台：在开发者工具的控制台中，找到“Console”标签页，点击“+”按钮，选择“扩展程序控制台”选项。
3. 查看日志：在控制台中，可以看到扩展程序运行时的各种日志信息。例如：
javascript
// main.js
chrome.runtime.onInstalled.addListener(() => {
console.log('Extension installed');
});
chrome.runtime.onMessage.addListener((request, sender, sendResponse) => {
if (request.type === 'hello') {
sendResponse({ message: 'Hello, world!' });
} else {
console.log('Unknown request type:', request.type);
}
});
4. 调试代码：在控制台中，可以使用“F12”键或“Ctrl + Shift + J”快捷键进行断点设置，然后逐行执行代码，观察变量的变化和输出结果。
