CRX 是 Chrome 浏览器早期用于打包扩展程序的文件格式,不过从 Chrome 88 版本起,Chrome 开始采用更新的 .crx3 格式,而之前的 .crx 格式(.crx1 和 .crx2)已被逐步淘汰。下面为你介绍创建 Chrome 扩展程序(可打包成 .crx 或 .crx3)的一般步骤:
1. 创建项目目录首先,要创建一个专门用于存放扩展程序文件的目录,你可以随意命名这个目录,例如 my-chrome-extension。
2. 创建 manifest.json 文件manifest.json 是 Chrome 扩展程序的核心配置文件,它会描述扩展程序的基本信息和功能。以下是一个简单的 manifest.json 示例:
{
"manifest_version": 3,
"name": "My First Chrome Extension",
"version": "1.0",
"description": "这是一个简单的 Chrome 扩展程序示例",
"action": {
"default_popup": "popup.html",
"default_icon": {
"16": "icon16.png",
"48": "icon48.png",
"128": "icon128.png"
}
},
"permissions": []
}3. 创建其他必要文件弹出窗口(Popup)如果你在 manifest.json 里指定了 default_popup,那么就需要创建对应的 HTML 文件,例如 popup.html:
body {
width: 200px;
padding: 10px;
}
Hello, Chrome Extension!
对应的 JavaScript 文件 popup.js:
// 可以在这里添加弹出窗口的交互逻辑
window.onload = function() {
// 示例:添加一个点击事件
const button = document.createElement('button');
button.textContent = '点击我';
button.addEventListener('click', function() {
alert('你点击了按钮!');
});
document.body.appendChild(button);
};图标文件要准备不同尺寸的图标文件(如 icon16.png、icon48.png、icon128.png),并将它们放在项目目录中。
4. 加载扩展程序进行测试打开 Chrome 浏览器,访问 chrome://extensions。开启开发者模式(通常在页面右上角)。点击“加载已解压的扩展程序”,然后选择你之前创建的项目目录。5. 打包扩展程序如果你想要将扩展程序分发给他人使用,就需要对其进行打包:
在 chrome://extensions 页面,点击“打包扩展程序”。在“扩展程序根目录”中选择你的项目目录。点击“打包”按钮,Chrome 会生成一个 .crx 文件和一个 .pem 文件。.crx 文件就是打包好的扩展程序,而 .pem 文件是用于签名的私钥文件,要妥善保管。6. 注意事项Manifest 版本:目前 Chrome 推荐使用 Manifest V3,它在安全性和性能方面有一些改进,但部分功能的实现方式与旧版本有所不同。权限设置:在 manifest.json 的 permissions 字段中,要谨慎设置扩展程序所需的权限,因为过多的权限可能会让用户产生顾虑。