CRX格式详解:安装、开发与反编译

一、CRX 是什么格式,模板

  • CRX(Chrome Extension)是 Chromium 内核浏览器(Chrome、Edge、360极速、Opera、Brave等)的扩展程序安装包格式。

  • 本质:带数字签名的 ZIP 压缩包。

  • 包含文件manifest.json、JS、HTML、CSS、图片等。


二、如何打开 / 安装 CRX

方法1:拖拽安装(推荐)

  1. 打开扩展管理页:

    • Chrome:chrome://extensions/

    • Edge:edge://extensions/

  2. 开启 开发者模式

  3. .crx 文件拖入页面。

  4. 点击 添加扩展程序

方法2:查看源码(不安装)

  • 使用 7-Zip / WinRAR 直接打开 .crx,或将后缀改为 .zip 后解压。

三、最简单的扩展示例

文件夹结构

bash 复制代码
my-extension/
├── manifest.json
├── popup.html
└── icon.png(可选)

1. manifest.json

javascript 复制代码
{
  "manifest_version": 3,
  "name": "我的第一个扩展",
  "version": "1.0",
  "description": "测试CRX扩展",
  "action": {
    "default_popup": "popup.html"
  },
  "icons": {
    "16": "icon.png"
  }
}

2. popup.html

html 复制代码
<!DOCTYPE html>
<html>
<body>
  <h3>Hello CRX</h3>
  <p>我是自己写的扩展</p>
</body>
</html>

3. icon.png(可选)

  • 尺寸建议:16×16、48×48、128×128。

四、本地加载测试

  1. 打开 chrome://extensions/edge://extensions/

  2. 开启 开发者模式

  3. 点击 加载已解压的扩展程序

  4. 选择你的扩展文件夹。

  5. 完成,右上角出现扩展图标。


五、打包成 .crx

  1. 进入扩展管理页。

  2. 点击 打包扩展程序

  3. 选择扩展文件夹。

  4. 点击 打包

  5. 生成两个文件:

    • xxx.crx → 安装包

    • xxx.pem → 密钥(用于更新,需妥善保存)


六、反编译 + 修改 + 重新打包 CRX

1. 反编译(解压源码)

  • .crx 后缀改为 .zip

  • 解压得到源码文件夹(包含 manifest.json 等所有文件)。

2. 修改代码

  • 按需编辑 JS、HTML、CSS、manifest.json 等。

3. 重新打包

  • 使用浏览器的 打包扩展程序 功能,选择修改后的文件夹。

  • 得到新的 .crx.pem(建议使用原 .pem 以保持相同扩展ID)。


相关推荐
liuyouzhang1 小时前
将基于Archery的web数据库审计查询平台封装为jdbc接口的可行性研究(基于AI)
前端·数据库
Meepo_haha4 小时前
配置 Redis
数据库·redis·缓存
u0109147606 小时前
CSS组件库如何快速扩展_通过Sass @extend继承基础布局
jvm·数据库·python
baidu_340998826 小时前
Golang怎么用go-noescape优化性能_Golang如何使用编译器指令控制逃逸分析行为【进阶】
jvm·数据库·python
m0_678485456 小时前
如何利用虚拟 DOM 实现无痕刷新?基于 VNode 对比的状态保持技巧
jvm·数据库·python
qq_342295826 小时前
CSS如何实现透明背景效果_通过RGBA色彩模式控制透明度
jvm·数据库·python
panzer_maus6 小时前
MySQL 索引介绍与索引优化的简单介绍
数据库·mysql
Greyson16 小时前
CSS如何处理超长文本换行问题_结合word-wrap属性
jvm·数据库·python
captain3766 小时前
事务___
java·数据库·mysql
justjinji6 小时前
如何批量更新SQL数据表_使用UPDATE JOIN语法提升效率
jvm·数据库·python