C13-谷歌chrome浏览器安装crx插件（hackbar为例）

# 教程说明
如果有代理软件，可以访问[google浏览器的应用市场](https://chrome.google.com/webstore/category/extensions "google浏览器的应用市场")，可以直接搜索安装chrome的插件。
在没有使用代理的情况下，只能使用crx文件离线安装插件。

这里我们以`hackbar`为例，来学习使用`crx文件`离线安装浏览器插件的方法，其他谷歌浏览器扩展的安装流程类似。

本教程仅适用于谷歌浏览器chrome。火狐浏览器请参考：
（Firefox火狐浏览器的插件扩展名为fpi）
https://wiki.bafangwy.com/doc/573/

# hackbar介绍
当我们在浏览器地址栏输入地址、参数和值进行访问的时候，使用的是GET协议进行请求。
例如PHP代码：
```
<?php
	echo($_GET['name']);
?>
```
在浏览器访问：`http://localhost/demo.php?name=zhangshan`，即可显示输入的值。
如果后端代码是用POST协议获取参数值，就需要用到专用的工具发送POST请求。
例如PHP代码：
```
<?php
	echo($_POST['name']);
?>
```

hackbar发送post请求：

![](/media/202501/2025-01-10_140737_6229030.38403798741853545.png)

常用的post发包工具包括hackbar、postman、burp suite，其中使用hackbar是最简单的。

此外，hackbar还提供了常见的加密（MD5、SHA-1、SHA-256等等）、编码功能（Base64、Hex等等），方便我们对各种Web漏洞进行测试。

# 1、下载crx扩展文件

本教程中，演示插件破解的步骤时使用的hackbar的版本是2.3.1，可从此处下载：
https://github.com/Mr-xn/hackbar2.1.3
尽量和教程中使用的版本保持一致！

或者：

[【附件】HackBar 2.3.1.zip](/media/attachment/2025/03/HackBar_2.3.1.zip)

# 2、解压扩展文件

谷歌浏览器的插件离线文件的扩展名为：`.crx`。

## 第一步，修改扩展名
我们需要把`.crx`的扩展名手动修改为`.zip`。
（以上附件`HackBar-v2.3.1.zip`已经把扩展名改成了.zip，这一步跳过）

## 第二步，解压文件
解压`HackBar-v2.3.1.zip`文件夹，得到解压以后的文件夹：
![](/media/202503/2025-03-26_141901_1441960.11762896477495244.png)

# 3、安装插件

在chrome浏览器输入`chrome://extensions`

右上角打开开发者模式按钮
![](/media/202404//1713786166.3123279.png)

加载已解压的扩展程序：
![](/media/202404//1713786166.32324.png)

选中解压的文件夹：
![](/media/202404//1713786166.334616.png)

即可安装成功。

F12打开开发者模式就可以使用hackbar。

# 4、破解hackbar插件

因为hackbar是收费的插件，这里需要破解。其他插件没有这一步。

1. 在chrome地址栏输入`chrome://extensions`，然后按下回车，来到扩展程序页面后点击hackbar插件的详情按钮，如下图所示
![](/media/202407/2024-07-05_153011_4456310.10459363537319433.png)

2. 进入hackbar插件的详情页面后，滑动到页面底部，点击如下图所示的链接，之后会自动在文件管理器中打开hackbar的源码目录
![](/media/202407/2024-07-05_153301_7995630.11887551832773924.png)

3. 双击进入theme目录，如下图所示
![](/media/202407/2024-07-05_153435_0389310.8414047859894842.png)

4. 双击进入js目录，如下图所示
![](/media/202407/2024-07-05_153508_2144910.4656911527316453.png)

5. 使用记事本、notepad++或sublime等任一文件编辑器打开hackbar-panel.js文件，如下图所示
![](/media/202407/2024-07-05_153636_9014700.44769629295954805.png)

6. 打开文件后，在文件中找到如下图所示的代码块
![](/media/202407/2024-07-05_153731_5782530.6732162952609616.png)

7. 删除如下图所示的`/*`和`*/`
删除前：
![](/media/202407/2024-07-05_153939_8391860.5324990788424586.png)
删除后：
![](/media/202407/2024-07-05_154039_9891240.6836436030923931.png)

8. 在如下图所示的代码行前添加`//`
添加前：
![](/media/202407/2024-07-05_154148_6898220.6557793852541417.png)
添加后：
![](/media/202407/2024-07-05_154215_1851340.20597296777778573.png)

9. 按下ctrl+s保存文件，修改完成的文件如下图所示
![](/media/202407/2024-07-05_154303_2973580.7980743658806525.png)

10. 使用chrome打开任意网站，按下F12，然后点击如下图所示的按钮即可正常使用hackbar
![](/media/202407/2024-07-05_154430_9121100.5765517084265068.png)

# 如何使用hackbar发送post请求
例如代码demo.php内容：
```
<?php
	@eval($_POST['cmd']); 
?>
```
把`demo.php`放在`phpstudy_pro\WWW`目录下。
F12打开开发者模式，点击hackbar

![](/media/202501/2025-01-10_135647_1388500.24433774854218626.png)