# Buttercup 浏览器扩展 用于浏览器的 Buttercup 凭证管理器扩展。

[](https://buttercup.pw)  [](https://chrome.google.com/webstore/detail/buttercup/heflipieckodmcppbnembejjmabajjjj?hl=en-GB) [](https://chrome.google.com/webstore/detail/buttercup/heflipieckodmcppbnembejjmabajjjj?hl=en-GB) [](https://addons.mozilla.org/en-US/firefox/addon/buttercup-pw/) [](https://addons.mozilla.org/en-US/firefox/addon/buttercup-pw/) [](https://keybase.io/team/bcup) ⚠️ **项目终止** ⚠️ Buttercup 项目已结束，这些仓库正处于转变为公共存档的过渡期。在尽可能的情况下，不会移除任何面向公众的资源。请勿创建 issues 或 PRs —— 不幸的是它们将被忽略。相关讨论可在[此处](https://github.com/buttercup/buttercup-desktop/discussions/1395)找到，说明在[此处](https://gist.github.com/perry-mitchell/43ebfcec4d874b77a704be1d4f2262e6)。 ## 关于 此浏览器扩展允许用户与由 [Buttercup 密码管理器](https://github.com/buttercup-pw/buttercup) 创建的密码归档进行交互（它_需要_安装 v2.26 及更高版本的桌面应用程序才能运行）。 该扩展向桌面应用程序发送安全请求，以获取其未解锁保险库中的信息，并使这些凭证在浏览器中可用。它还能够保存浏览器扩展识别到的新登录信息。除了用户名和密码外，该扩展还可以在需要时输入 OTP 验证码。 ### 表单与登录 Buttercup 浏览器版会自动检测某些登录表单和登录输入框，允许用户自行决定是否自动填充。该扩展在底层使用 [Locust](https://github.com/buttercup/locust) 来**检测表单和输入框**（任何关于检测表单和输入框的问题应在该处提出）。 ### 支持的浏览器 支持 [Chrome](https://chrome.google.com/webstore/detail/buttercup/heflipieckodmcppbnembejjmabajjjj?hl=en-GB)、[Firefox](https://addons.mozilla.org/en-US/firefox/addon/buttercup-pw/)、[Edge](https://www.microsoft.com/en-us/edge)（79+ 版本）和 [Brave](https://chrome.google.com/webstore/detail/buttercup/heflipieckodmcppbnembejjmabajjjj)。 _某些浏览器，例如 **Brave**，可以通过 Google Chrome 网上应用店安装 Buttercup。_ 其他浏览器将根据请求/受欢迎程度按顺序支持。为不支持的浏览器或未在路线图上的浏览器创建的 issues 可能会在不发出警告的情况下被关闭。 **Opera** 不受支持，因为其发布过程极其缓慢且不可靠。我们将不会添加对 Opera 的支持。 ### 集成平台 该扩展允许连接到多个服务，例如 Dropbox 和 Google Drive。该扩展支持桌面应用程序支持的所有平台，包括本地保险库。 #### 支持的平台 上述列出的浏览器，运行于 Windows、Mac 或 Linux 桌面平台上。此扩展不支持任何移动设备或平板设备。 ### 用法 浏览器扩展可以通过**弹出菜单**控制，该菜单通过按下浏览器菜单中的 Buttercup 按钮启动。此菜单显示归档列表以及设置和其他项目。 当查看包含登录表单的页面时，当您与登录按钮交互时（显示在检测到的登录输入框旁边），Buttercup 可以协助登录。 Buttercup 还可以记住新的登录信息，这些信息会在发生时被检测到。 您可以通过应用属性 `data-bcupignore=true` 来**阻止** Buttercup 检测表单和输入框： ``` ``` ### 开发 以下环境支持功能和错误修复的开发： * NodeJS version 20（最新的次要版本） * Linux / Mac * 至少在 Chrome / Firefox 中测试过 设置您的开发环境： * 克隆此仓库 * 确保 API 密钥可用（Google Drive） * 在项目目录中执行 `npm install` * 运行 `npm run dev:chrome` 或类似命令 * 在浏览器扩展中加载未打包的 `dist` 文件夹 #### Chrome 运行以下命令来开发扩展： 1. 执行 `npm run dev:chrome` 来构建并监视项目（要构建生产代码，请执行 `npm run build`） 2. 前往 [chrome://extensions](chrome://extensions) 并启用 _"开发者模式"_ 3. 选择新按钮 _"加载已解压的扩展程序"_，然后选择在第 1 步中构建的 `./dist` 目录 #### Firefox 运行以下命令来开发扩展： * 执行 `npm run dev:firefox` 来构建并监视项目（要构建生产代码，请执行 `npm run release`） #### 发布 在设置好开发环境后，运行命令 `npm run release` 来构建可发布的 zip 归档。归档将写入 `release/(browser)`，其中 `(browser)` 是浏览器类型。名为 `extension.zip` 的归档包含构建的扩展源代码，`source.zip` 包含原始源代码。 ### 添加到 Chrome 您可以通过导航至 [chrome://extensions/](chrome://extensions/) 在 Chrome 中加载**未打包的扩展**。只需找到项目的目录并使用 **dist/** 作为扩展目录。 ### 添加到 Firefox 您可以通过导航至 [about:debugging](about:debugging) 在 Firefox 中加载**未打包的扩展**。点击 "Load Temporary Add-on" 并找到项目的目录，使用 **dist/** 作为扩展目录。

标签：Buttercup, CMS安全, Firefox插件, JavaScript, Web安全, 代码分析, 凭证管理, 数据可视化, 浏览器扩展, 网络安全, 网络安全, 自动化攻击, 自动化攻击, 自动填充, 蓝队分析, 账户管理, 隐私保护, 隐私保护