mekedron/InputStash

GitHub: mekedron/InputStash

InputStash 是一个浏览器扩展，用于本地保存网页表单输入历史，防止草稿丢失。

Stars: 0 | Forks: 0

InputStash icon

# InputStash 永不再丢失输入内容。一个跨浏览器扩展，它会静默记住您在表单字段中输入的内容，这样即使意外按下 `Esc`、误触键盘快捷键、刷新页面或关闭标签页，您的草稿也不会再被摧毁。点击工具栏图标，找到丢失的输入内容，将其复制回来。

InputStash popup open over a browser tab on textarea.online, showing the recovered text editor field with two records.

## 功能说明 - 在您访问的每个站点中，捕获所有 ``、`

` 和 `contenteditable` 字段，并为每个字段进行防抖处理。
- 遍历打开的 Shadow DOM 根节点，并在通过 `MutationObserver` 挂载新字段时重新附加，因此单页应用和富文本编辑器（如 Gmail、Notion、Slack、Google Docs）均被覆盖。
- 在每个 frame 中运行，因此 iframe（包括跨源的）也会被独立捕获。
- 在弹窗中按域名分组捕获内容，并提供每个字段的历史记录，以便您获取某个输入字段的旧版本。
- 在敏感信息进入存储前，跳过密码字段和带有敏感 `autocomplete` 标记（`current-password`、`new-password`、`one-time-code`、`cc-number` 等）的输入。
- 提供按域名和按字段的排除选项，以及一个“清除所有”按钮。
- 所有数据存储在 `browser.storage.local` 中。无网络请求，无数据分析，无需账户。
- 亮色 / 暗色 / 自动主题。

## 技术栈

- [WXT](https://wxt.dev) — 一份配置即可构建 Chrome、Edge、Opera、Brave 和 Firefox 版本。默认使用 MV3。内置 `browser.*` polyfill。
- TypeScript
- Svelte 5（弹窗界面）
- 开发时支持 HMR：保存弹窗后立即重载；内容脚本或后台脚本的更改会触发扩展的自动重载。

## 系统要求

- Node 22 LTS（已包含 `.nvmrc` 文件）
- pnpm 11（`npm i -g pnpm`）

## 快速开始

```
pnpm install

pnpm dev            # launches Chrome with the extension auto-loaded

pnpm dev:firefox    # same, in Firefox Developer Edition
```

## 构建

```
pnpm build              # → .output/chrome-mv3/

pnpm build:firefox      # → .output/firefox-mv2/

pnpm zip                # store-ready Chromium zip

pnpm zip:firefox        # store-ready Firefox zip
```

带标签的推送（`v*`）将触发 `.github/workflows/release.yml` 中的发布工作流，该工作流会构建两种格式的压缩包并附加到 GitHub Release。

## 加载构建好的扩展

执行 `pnpm build` 后，未打包的扩展位于 `.output/chrome-mv3/` 目录下（或在 `pnpm build:firefox` 后位于 `.output/firefox-mv2/`）。

### Chrome、Edge、Opera、Brave

这四个浏览器使用相同流程——它们底层都是 Chromium。

1. 打开 `chrome://extensions`（或 `edge://extensions`、`opera://extensions`、`brave://extensions`）。
2. 开启 **开发者模式**（右上角）。
3. 点击 **加载已解压的扩展程序**。
4. 选择 `.output/chrome-mv3/` 目录。

### Firefox

1. 打开 `about:debugging#/runtime/this-firefox`。
2. 点击 **加载临时附加组件…**。
3. 选择 `.output/firefox-mv2/manifest.json` 文件。

（临时附加组件在 Firefox 重启后会被移除。若要永久安装到本地，您需要通过 AMO 进行签名。）

### Safari

暂缓支持。Safari 支持 WebExtension API，但需要 Xcode 封装器进行分发。准备好后，Apple 的 `safari-web-extension-converter` 可以直接封装 `.output/chrome-mv3/` 目录：

```
xcrun safari-web-extension-converter .output/chrome-mv3/
```

您需要 Xcode 和 Apple 开发者账户才能发布；进行本地测试时，可以在 Safari → 设置 → 高级 → 开发菜单 → 允许未签名的扩展 中启用未签名扩展。

## 类型检查

```
pnpm compile
```

运行 `svelte-check`，随后执行 `tsc --noEmit`。

## 隐私保护

- 所有数据存储在 `browser.storage.local` 中，按来源（origin）隔离。
- 在捕获层会过滤掉密码字段和带有敏感 `autocomplete` 标记的输入。
- 每个来源的捕获内容有数量上限并会去重；几乎相同的连续快照会被合并。
- 提供弹窗内的按域名和按字段排除选项。
- 无遥测数据，无网络请求，无需账户。

## 未来计划

- 在 Chrome Web Store、Firefox Add-ons 和 Edge Add-ons 上架（审核中）。
- 通过 `safari-web-extension-converter` 进行 Safari 打包。
- 可选的加密导出/导入功能。

## 支持项目

InputStash 是一个独立开发的项目——没有公司，没有投资者，没有广告，没有数据分析。所有快照都保留在您的设备上。

如果它确实帮到了您，最简单的支持方式就是请我喝杯咖啡：

**[☕ buymeacoffee.com/mekedron](https://buymeacoffee.com/mekedron)**

其他无需花费的帮助方式：

- 为此仓库点星，让更多人发现它。
- 在 [Issues](../../issues) 中提交错误报告或功能请求。
- 告诉那个总是丢失写了一半邮件的朋友。

## 许可证

[MIT](LICENSE) © Nikita R</div><div><strong>标签：</strong>CMS安全, iframe支持, JavaScript, MutationObserver, WXT框架, 主题切换, 前端技术, 历史查看, 敏感数据过滤, 数据恢复, 本地存储, 浏览器扩展, 浏览器插件, 网络安全, 自动化攻击, 草稿恢复, 表单备份, 表单字段捕获, 跨浏览器兼容, 输入记录, 防丢失工具, 隐私保护</div></article></div>
    
    <script>
      (function () {
        var base = (document.querySelector('base') && document.querySelector('base').getAttribute('href')) || '';
        var path = base.replace(/\/?$/, '') + '/cap-wasm/cap_wasm.min.js';
        window.CAP_CUSTOM_WASM_URL = new URL(path, window.location.href).href;
      })();
    </script>
  </body>
</html>