解混淆
This commit is contained in:
dela
48
.gitignore
vendored
Normal file
48
.gitignore
vendored
Normal file
@@ -0,0 +1,48 @@
|
||||
# IDE and Editor Files
|
||||
.vscode/
|
||||
.idea/
|
||||
*.swp
|
||||
*.swo
|
||||
*~
|
||||
.DS_Store
|
||||
|
||||
# OS Files
|
||||
Thumbs.db
|
||||
desktop.ini
|
||||
|
||||
# Logs
|
||||
*.log
|
||||
npm-debug.log*
|
||||
yarn-debug.log*
|
||||
yarn-error.log*
|
||||
|
||||
# Extension Build Files
|
||||
*.zip
|
||||
*.crx
|
||||
*.pem
|
||||
|
||||
# Temporary Files
|
||||
*.tmp
|
||||
*.temp
|
||||
.cache/
|
||||
|
||||
# Node modules (if added in future)
|
||||
node_modules/
|
||||
package-lock.json
|
||||
yarn.lock
|
||||
|
||||
# Test Files
|
||||
test-results/
|
||||
coverage/
|
||||
|
||||
# Private Keys and Certificates
|
||||
*.key
|
||||
*.pem
|
||||
*.p12
|
||||
secrets.json
|
||||
|
||||
# Environment Files
|
||||
.env
|
||||
.env.local
|
||||
.env.*.local
|
||||
|
||||
145
CONTRIBUTING.md
Normal file
145
CONTRIBUTING.md
Normal file
@@ -0,0 +1,145 @@
|
||||
# Contributing to cardbingenerator - Stripe Auto Fill
|
||||
|
||||
First off, thank you for considering contributing to cardbingenerator! It's people like you that make cardbingenerator such a great tool.
|
||||
|
||||
## Code of Conduct
|
||||
|
||||
This project and everyone participating in it is governed by our Code of Conduct. By participating, you are expected to uphold this code.
|
||||
|
||||
## How Can I Contribute?
|
||||
|
||||
### Reporting Bugs
|
||||
|
||||
Before creating bug reports, please check the existing issues as you might find out that you don't need to create one. When you are creating a bug report, please include as many details as possible:
|
||||
|
||||
* **Use a clear and descriptive title**
|
||||
* **Describe the exact steps which reproduce the problem**
|
||||
* **Provide specific examples to demonstrate the steps**
|
||||
* **Describe the behavior you observed after following the steps**
|
||||
* **Explain which behavior you expected to see instead and why**
|
||||
* **Include screenshots and animated GIFs** if possible
|
||||
* **Include your browser version and OS**
|
||||
|
||||
### Suggesting Enhancements
|
||||
|
||||
Enhancement suggestions are tracked as GitHub issues. When creating an enhancement suggestion, please include:
|
||||
|
||||
* **Use a clear and descriptive title**
|
||||
* **Provide a step-by-step description of the suggested enhancement**
|
||||
* **Provide specific examples to demonstrate the steps**
|
||||
* **Describe the current behavior** and **explain which behavior you expected to see instead**
|
||||
* **Explain why this enhancement would be useful**
|
||||
|
||||
### Pull Requests
|
||||
|
||||
* Fill in the required template
|
||||
* Do not include issue numbers in the PR title
|
||||
* Include screenshots and animated GIFs in your pull request whenever possible
|
||||
* Follow the JavaScript style guide
|
||||
* End all files with a newline
|
||||
* Avoid platform-dependent code
|
||||
|
||||
## Development Process
|
||||
|
||||
### Setup
|
||||
|
||||
1. Fork the repository
|
||||
2. Clone your fork:
|
||||
```bash
|
||||
git clone https://github.com/your-username/cardbingenerator-extension.git
|
||||
```
|
||||
3. Create a branch:
|
||||
```bash
|
||||
git checkout -b feature/your-feature-name
|
||||
```
|
||||
|
||||
### Making Changes
|
||||
|
||||
1. Make your changes
|
||||
2. Test your changes thoroughly:
|
||||
- Load extension in developer mode
|
||||
- Test on multiple Stripe checkout pages
|
||||
- Verify all functionality works
|
||||
- Check console for errors
|
||||
|
||||
3. Commit your changes:
|
||||
```bash
|
||||
git add .
|
||||
git commit -m "Add: description of your changes"
|
||||
```
|
||||
|
||||
### Commit Message Guidelines
|
||||
|
||||
* Use the present tense ("Add feature" not "Added feature")
|
||||
* Use the imperative mood ("Move cursor to..." not "Moves cursor to...")
|
||||
* Limit the first line to 72 characters or less
|
||||
* Reference issues and pull requests liberally after the first line
|
||||
* Consider starting the commit message with an applicable emoji:
|
||||
* 🎨 `:art:` when improving the format/structure of the code
|
||||
* 🐛 `:bug:` when fixing a bug
|
||||
* ✨ `:sparkles:` when adding a new feature
|
||||
* 📝 `:memo:` when writing docs
|
||||
* 🚀 `:rocket:` when improving performance
|
||||
* 🔒 `:lock:` when dealing with security
|
||||
* ⬆️ `:arrow_up:` when upgrading dependencies
|
||||
* ⬇️ `:arrow_down:` when downgrading dependencies
|
||||
* 🔧 `:wrench:` when changing configuration files
|
||||
|
||||
### Coding Style
|
||||
|
||||
* Use 2 spaces for indentation
|
||||
* Use camelCase for variable and function names
|
||||
* Use PascalCase for class names
|
||||
* Use UPPER_CASE for constants
|
||||
* Add comments for complex logic
|
||||
* Keep functions small and focused
|
||||
* Use meaningful variable names
|
||||
* Avoid magic numbers
|
||||
* Use template literals for string concatenation
|
||||
|
||||
### Testing Checklist
|
||||
|
||||
Before submitting your PR, ensure:
|
||||
|
||||
- [ ] Code follows the style guidelines
|
||||
- [ ] No console errors
|
||||
- [ ] Extension loads without errors
|
||||
- [ ] All existing features still work
|
||||
- [ ] New features work as expected
|
||||
- [ ] Tested on multiple Stripe pages
|
||||
- [ ] No performance degradation
|
||||
- [ ] Code is commented where necessary
|
||||
- [ ] No hardcoded values (use constants)
|
||||
|
||||
### Pull Request Process
|
||||
|
||||
1. Update the README.md with details of changes if applicable
|
||||
2. Update the CHANGELOG.md with a note describing your changes
|
||||
3. The PR will be merged once you have the sign-off of a maintainer
|
||||
|
||||
## File Structure
|
||||
|
||||
```
|
||||
cardbingenerator-extension/
|
||||
├── manifest.json # Extension configuration
|
||||
├── popup.html # Popup UI
|
||||
├── popup.js # Popup logic
|
||||
├── styles.css # Styles
|
||||
├── background.js # Service worker
|
||||
├── content.js # Content script
|
||||
├── icons/ # Extension icons
|
||||
├── README.md # Documentation
|
||||
├── LICENSE # License file
|
||||
└── CONTRIBUTING.md # This file
|
||||
```
|
||||
|
||||
## Questions?
|
||||
|
||||
Feel free to open an issue with your question or contact the maintainers directly.
|
||||
|
||||
## Recognition
|
||||
|
||||
Contributors will be recognized in the README.md file.
|
||||
|
||||
Thank you for contributing! 🎉
|
||||
|
||||
22
LICENSE
Normal file
22
LICENSE
Normal file
@@ -0,0 +1,22 @@
|
||||
MIT License
|
||||
|
||||
Copyright (c) 2025 cardbingenerator - Stripe Auto Fill
|
||||
|
||||
Permission is hereby granted, free of charge, to any person obtaining a copy
|
||||
of this software and associated documentation files (the "Software"), to deal
|
||||
in the Software without restriction, including without limitation the rights
|
||||
to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
|
||||
copies of the Software, and to permit persons to whom the Software is
|
||||
furnished to do so, subject to the following conditions:
|
||||
|
||||
The above copyright notice and this permission notice shall be included in all
|
||||
copies or substantial portions of the Software.
|
||||
|
||||
THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
|
||||
IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
|
||||
FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
|
||||
AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
|
||||
LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
|
||||
OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
|
||||
SOFTWARE.
|
||||
|
||||
546
README.md
Normal file
546
README.md
Normal file
@@ -0,0 +1,546 @@
|
||||
# 💳 Cardbingenerator - Stripe Auto Fill
|
||||
|
||||
[](https://github.com/yourusername/cardbingenerator-extension)
|
||||
[](LICENSE)
|
||||
[](https://developer.chrome.com/docs/extensions/)
|
||||
|
||||
一个功能强大的 Chrome 浏览器扩展，用于自动生成测试信用卡号并自动填充 Stripe 支付表单。支持 Luhn 算法验证、自定义地址管理和现代化暗黑主题界面。
|
||||
|
||||
[English](#english-version) | [中文](#中文版本)
|
||||
|
||||
---
|
||||
|
||||
## 中文版本
|
||||
|
||||
## ⚠️ 免责声明
|
||||
|
||||
**本工具仅用于测试和教育目的**
|
||||
|
||||
- 仅可用于开发/测试环境或演示支付表单
|
||||
- 请勿在生产环境的支付系统中使用
|
||||
- 请勿用于欺诈或任何非法活动
|
||||
- 开发者对工具的滥用不承担任何责任
|
||||
- 测试卡号无法在真实支付处理器上使用
|
||||
|
||||
## 🌟 核心特性
|
||||
|
||||
### 💳 智能卡号生成
|
||||
- **Luhn 算法验证**：生成数学上有效的卡号
|
||||
- **BIN 支持**：使用任意银行识别号码（BIN）模式
|
||||
- **多卡种识别**：自动识别 Visa、Mastercard、Amex、Discover 等
|
||||
- **智能生成**：包含有效的到期日期和 CVV 安全码
|
||||
|
||||
### 🚀 自动填充能力
|
||||
- **智能字段检测**：自动查找并填充卡片字段
|
||||
- **Shadow DOM 支持**：兼容现代 Web 组件
|
||||
- **地址自动填充**：填充账单地址、城市、州、邮编
|
||||
- **仿人类输入**：模拟自然的打字模式
|
||||
- **框架兼容**：绕过 React/Vue 值设置器
|
||||
|
||||
### 🛠️ 高度定制化
|
||||
- **自定义 BIN 历史**：保存并重用你喜欢的 BIN 模式
|
||||
- **多地址管理**：管理自定义账单地址
|
||||
- **姓名生成器**：内置身份池用于持卡人姓名
|
||||
- **数据源选择**：在静态、手动或自动生成数据之间切换
|
||||
|
||||
### 🔒 隐私保护功能
|
||||
- **数据清理**：深度清除 cookies、缓存和存储
|
||||
- **反指纹追踪**：清除所有 Stripe 相关的浏览数据
|
||||
- **隔离存储**：所有数据本地存储在浏览器中
|
||||
|
||||
## 📦 安装方法
|
||||
|
||||
### 从源码安装
|
||||
|
||||
1. **克隆仓库**
|
||||
```bash
|
||||
git clone https://github.com/yourusername/cardbingenerator.git
|
||||
cd cardbingenerator
|
||||
```
|
||||
|
||||
2. **在 Chrome 中加载扩展**
|
||||
- 打开 Chrome 并访问 `chrome://extensions/`
|
||||
- 启用"开发者模式"（右上角的开关）
|
||||
- 点击"加载已解压的扩展程序"
|
||||
- 选择项目文件夹
|
||||
|
||||
3. **固定扩展图标**
|
||||
- 点击 Chrome 工具栏中的拼图图标
|
||||
- 找到"cardbingenerator"并点击图钉图标
|
||||
|
||||
### 手动安装
|
||||
|
||||
1. 下载最新版本
|
||||
2. 解压 ZIP 文件
|
||||
3. 按照"从源码安装"中的步骤 2-3 操作
|
||||
|
||||
## 🚀 使用指南
|
||||
|
||||
### 基本使用
|
||||
|
||||
1. **打开扩展**
|
||||
- 点击 Chrome 工具栏中的扩展图标
|
||||
- 你会看到主界面，包含标签页：General、BIN List、Settings
|
||||
|
||||
2. **输入 BIN 模式**
|
||||
- 在"BIN Template"字段中输入 BIN（例如：`552461`）
|
||||
- 扩展会自动用 'x' 填充到 16 位
|
||||
- 示例：`552461` 会变成 `552461xxxxxxxxxx`
|
||||
|
||||
3. **生成并填充**
|
||||
- 导航到 Stripe 结账页面
|
||||
- 点击"Fill Everything"按钮
|
||||
- 扩展将自动：
|
||||
- 生成有效的卡号
|
||||
- 填充卡片详情（卡号、到期日、CVV）
|
||||
- 填充账单地址信息
|
||||
- 自动提交表单
|
||||
|
||||
### 高级功能
|
||||
|
||||
#### BIN 历史记录
|
||||
- 点击 BIN 输入框旁边的 `+` 按钮保存到历史
|
||||
- 点击任意已保存的 BIN 快速选择
|
||||
- 点击 `×` 从历史中删除
|
||||
|
||||
#### 自定义地址
|
||||
1. 进入 **Settings** → **Addresses** 标签
|
||||
2. 填写地址表单字段
|
||||
3. 点击"Add"保存
|
||||
4. 在 Address Source 下拉菜单中选择"Manual (Custom)"
|
||||
|
||||
#### 设置配置
|
||||
|
||||
**卡号验证开关**
|
||||
- 启用：生成通过 Luhn 算法验证的卡号
|
||||
- 禁用：生成随机卡号（更快，较宽松）
|
||||
|
||||
**地址来源**
|
||||
- **Static**：使用内置默认地址
|
||||
- **Manual**：使用你自定义保存的地址
|
||||
- **Auto**：生成随机地址（即将推出）
|
||||
|
||||
**姓名来源**
|
||||
- 控制是使用内置姓名还是自定义条目
|
||||
- 姓名从地址条目中提取
|
||||
|
||||
## 🎯 工作原理
|
||||
|
||||
### 卡号生成算法
|
||||
|
||||
扩展使用 **Luhn 算法**（模 10 校验和）生成有效卡号：
|
||||
|
||||
1. 接收你的 BIN 模式（例如：`552461xxxxxxxxxx`）
|
||||
2. 为每个 `x` 填充随机数字
|
||||
3. 计算最后一位的 Luhn 校验位
|
||||
4. 验证整个卡号
|
||||
|
||||
```javascript
|
||||
// 生成示例
|
||||
BIN 输入: 552461xxxxxxxxxx
|
||||
生成结果: 5524610123456789
|
||||
验证状态: ✅ 通过 Luhn 验证
|
||||
卡片类型: Mastercard
|
||||
```
|
||||
|
||||
### 自动填充流程
|
||||
|
||||
1. **字段检测**：扫描页面查找卡片和地址字段
|
||||
- 使用 CSS 选择器和 autocomplete 属性
|
||||
- 穿透 Shadow DOM 边界
|
||||
- 根据相关性为字段评分
|
||||
|
||||
2. **智能填充**：按最佳顺序填充字段
|
||||
- 首先填充国家（可能会刷新表单结构）
|
||||
- 使用模拟打字填充卡片详情
|
||||
- 适当延迟填充地址字段
|
||||
|
||||
3. **事件触发**：触发适当的 DOM 事件
|
||||
- 原生值设置器绕过框架锁定
|
||||
- Input、change 和 blur 事件
|
||||
- 焦点管理触发验证
|
||||
|
||||
## 🔧 技术细节
|
||||
|
||||
### 支持的 Stripe 版本
|
||||
- Stripe Elements v3
|
||||
- Stripe Checkout
|
||||
- 自定义 Stripe 集成
|
||||
|
||||
### 浏览器兼容性
|
||||
- Chrome 88+
|
||||
- Edge 88+
|
||||
- Brave（基于 Chromium）
|
||||
- Opera（基于 Chromium）
|
||||
|
||||
### 使用的权限
|
||||
|
||||
| 权限 | 用途 |
|
||||
|------------|---------|
|
||||
| `storage` | 保存 BIN 历史和自定义地址 |
|
||||
| `activeTab` | 与当前 Stripe 结账页面交互 |
|
||||
| `tabs` | 查找和管理 Stripe 标签页 |
|
||||
| `scripting` | 注入自动填充脚本 |
|
||||
| `cookies` | 清除会话数据用于测试 |
|
||||
| `browsingData` | 深度清除 Stripe 指纹数据 |
|
||||
|
||||
### 文件结构
|
||||
|
||||
```
|
||||
cardbingenerator/
|
||||
├── manifest.json # 扩展配置
|
||||
├── background.js # Service Worker（卡号生成逻辑）
|
||||
├── content.js # Content Script（自动填充逻辑）
|
||||
├── popup.html # 扩展用户界面
|
||||
├── popup.js # UI 逻辑和设置
|
||||
├── styles.css # 扩展样式
|
||||
├── icon16.png # 扩展图标（16x16）
|
||||
├── icon48.png # 扩展图标（48x48）
|
||||
├── icon128.png # 扩展图标（128x128）
|
||||
└── README.md # 本文件
|
||||
```
|
||||
|
||||
## 🎨 支持的卡片类型
|
||||
|
||||
扩展自动检测并生成以下卡片：
|
||||
|
||||
- ✅ Visa（以 4 开头）
|
||||
- ✅ Mastercard（以 51-55 开头）
|
||||
- ✅ American Express（以 34、37 开头）
|
||||
- ✅ Discover（以 6011、65 开头）
|
||||
- ✅ JCB（以 35 开头）
|
||||
- ✅ Diners Club（以 30、36、38 开头）
|
||||
- ✅ Maestro（以 50、56-58、6304、6390、67 开头）
|
||||
- ✅ UnionPay（以 62 开头）
|
||||
|
||||
## 🐛 故障排除
|
||||
|
||||
### 扩展未填充表单
|
||||
- **解决方案**：确保你在 Stripe 结账页面上
|
||||
- 检查页面是否已完全加载
|
||||
- 尝试刷新页面并再次点击"Fill Everything"
|
||||
|
||||
### 生成的卡号被拒绝
|
||||
- **解决方案**：在设置中启用"Card Validation"
|
||||
- 某些测试环境需要 Luhn 有效的卡号
|
||||
- 如果一个 BIN 不起作用，尝试使用不同的 BIN
|
||||
|
||||
### 字段填充不正确
|
||||
- **解决方案**：页面可能有自定义字段名称
|
||||
- 尝试点击"Clear All Data"按钮并刷新
|
||||
- 报告问题时请提供页面 URL
|
||||
|
||||
### 扩展图标未出现
|
||||
- **解决方案**：检查扩展是否在 `chrome://extensions/` 中启用
|
||||
- 尝试重新加载扩展
|
||||
- 检查浏览器控制台是否有错误
|
||||
|
||||
## 🔐 安全说明
|
||||
|
||||
### 仅本地存储
|
||||
- 所有数据存储在 Chrome 本地存储中
|
||||
- 敏感数据不调用外部 API
|
||||
- 无遥测或跟踪
|
||||
|
||||
### 数据清理
|
||||
使用"Clear All Data"按钮清除：
|
||||
- Cookies（包括 HttpOnly）
|
||||
- LocalStorage 和 SessionStorage
|
||||
- IndexedDB 数据库
|
||||
- 缓存和 Service Workers
|
||||
- Stripe 指纹数据
|
||||
|
||||
## 📚 资源链接
|
||||
|
||||
- [Stripe 测试文档](https://stripe.com/docs/testing)
|
||||
- [Luhn 算法详解](https://zh.wikipedia.org/wiki/Luhn%E7%AE%97%E6%B3%95)
|
||||
- [Chrome 扩展开发](https://developer.chrome.com/docs/extensions/)
|
||||
|
||||
## 🤝 贡献指南
|
||||
|
||||
欢迎贡献！请遵循以下指南：
|
||||
|
||||
1. Fork 仓库
|
||||
2. 创建特性分支 (`git checkout -b feature/amazing-feature`)
|
||||
3. 提交更改 (`git commit -m 'Add amazing feature'`)
|
||||
4. 推送到分支 (`git push origin feature/amazing-feature`)
|
||||
5. 打开 Pull Request
|
||||
|
||||
### 开发设置
|
||||
|
||||
```bash
|
||||
# 克隆你的 fork
|
||||
git clone https://github.com/yourusername/cardbingenerator.git
|
||||
|
||||
# 创建分支
|
||||
git checkout -b my-feature
|
||||
|
||||
# 进行更改并在 Chrome 中测试
|
||||
# 从 chrome://extensions 加载未打包的扩展
|
||||
|
||||
# 提交并推送
|
||||
git add .
|
||||
git commit -m "你的功能描述"
|
||||
git push origin my-feature
|
||||
```
|
||||
|
||||
## 📄 许可证
|
||||
|
||||
本项目采用 MIT 许可证 - 详见 [LICENSE](LICENSE) 文件
|
||||
|
||||
## ⚠️ 法律声明
|
||||
|
||||
本软件按"原样"提供，不提供任何形式的保证。作者和贡献者：
|
||||
|
||||
- 不支持欺诈活动
|
||||
- 不鼓励绕过支付安全
|
||||
- 对滥用不承担责任
|
||||
- 建议仅在授权测试环境中使用
|
||||
|
||||
**使用风险和责任自负**
|
||||
|
||||
## 👨💻 作者
|
||||
|
||||
由 **Blackhat_bullet** 创建
|
||||
|
||||
- 📺 [YouTube 频道](https://www.youtube.com/@Blackhat_bullet)
|
||||
- 💬 [Telegram 群组](https://t.me/+VJJt9csJoEUxZTA1)
|
||||
- 📞 [临时短信服务](https://t.me/Tempotpsms_bot)
|
||||
- 💳 [BIN 生成器网站](https://cardbingenerator.com/)
|
||||
|
||||
## 🙏 致谢
|
||||
|
||||
- Stripe 提供的优秀测试文档
|
||||
- Chrome 扩展社区
|
||||
- 所有贡献者和测试人员
|
||||
|
||||
---
|
||||
|
||||
<div align="center">
|
||||
<strong>记住：本工具仅用于测试目的。请始终尊重法律和你正在测试的平台的服务条款。</strong>
|
||||
</div>
|
||||
|
||||
---
|
||||
|
||||
## English Version
|
||||
|
||||
## ⚠️ Disclaimer
|
||||
|
||||
**This tool is for TESTING and EDUCATIONAL purposes only.**
|
||||
|
||||
- Use only on development/test environments or demo payment forms
|
||||
- Do NOT use on production payment systems
|
||||
- Do NOT use for fraud or any illegal activities
|
||||
- The developers assume NO responsibility for misuse of this tool
|
||||
- Test cards will not work on real payment processors
|
||||
|
||||
## 🌟 Features
|
||||
|
||||
### 💳 Smart Card Generation
|
||||
- **Luhn Algorithm Validation**: Generates mathematically valid card numbers
|
||||
- **BIN Support**: Use any Bank Identification Number (BIN) pattern
|
||||
- **Multiple Card Types**: Automatically detects Visa, Mastercard, Amex, Discover, etc.
|
||||
- **Smart Generation**: Includes valid expiry dates and CVV codes
|
||||
|
||||
### 🚀 Auto-Fill Capabilities
|
||||
- **Intelligent Field Detection**: Automatically finds and fills card fields
|
||||
- **Shadow DOM Support**: Works with modern web components
|
||||
- **Address Auto-Fill**: Fills billing address, city, state, ZIP code
|
||||
- **Human-Like Input**: Simulates natural typing patterns
|
||||
- **Framework Compatible**: Bypasses React/Vue value setters
|
||||
|
||||
### 🛠️ Customization
|
||||
- **Custom BIN History**: Save and reuse your favorite BIN patterns
|
||||
- **Multiple Addresses**: Manage custom billing addresses
|
||||
- **Name Generator**: Built-in identity pool for cardholder names
|
||||
- **Source Selection**: Choose between static, manual, or auto-generated data
|
||||
|
||||
### 🔒 Privacy Features
|
||||
- **Data Clearing**: Deep clean cookies, cache, and storage
|
||||
- **Anti-Fingerprinting**: Clear all Stripe-related browsing data
|
||||
- **Isolated Storage**: All data stored locally in your browser
|
||||
|
||||
## 📦 Installation
|
||||
|
||||
### From Source
|
||||
|
||||
1. **Clone the repository**
|
||||
```bash
|
||||
git clone https://github.com/yourusername/cardbingenerator.git
|
||||
cd cardbingenerator
|
||||
```
|
||||
|
||||
2. **Load the extension in Chrome**
|
||||
- Open Chrome and go to `chrome://extensions/`
|
||||
- Enable "Developer mode" (toggle in top right)
|
||||
- Click "Load unpacked"
|
||||
- Select the project folder
|
||||
|
||||
3. **Pin the extension**
|
||||
- Click the puzzle icon in Chrome toolbar
|
||||
- Find "cardbingenerator" and click the pin icon
|
||||
|
||||
## 🚀 Usage
|
||||
|
||||
### Basic Usage
|
||||
|
||||
1. **Open the Extension**
|
||||
- Click the extension icon in your Chrome toolbar
|
||||
- You'll see the main interface with tabs: General, BIN List, Settings
|
||||
|
||||
2. **Enter a BIN Pattern**
|
||||
- In the "BIN Template" field, enter a BIN (e.g., `552461`)
|
||||
- The extension auto-fills with 'x' to create a 16-digit pattern
|
||||
- Example: `552461` becomes `552461xxxxxxxxxx`
|
||||
|
||||
3. **Generate & Fill**
|
||||
- Navigate to a Stripe checkout page
|
||||
- Click "Fill Everything" button
|
||||
- The extension will:
|
||||
- Generate a valid card number
|
||||
- Fill card details (number, expiry, CVV)
|
||||
- Fill billing address information
|
||||
|
||||
### Advanced Features
|
||||
|
||||
#### BIN History
|
||||
- Click the `+` button next to BIN input to save to history
|
||||
- Click any saved BIN to quickly select it
|
||||
- Click `×` to remove from history
|
||||
|
||||
#### Custom Addresses
|
||||
1. Go to **Settings** → **Addresses** tab
|
||||
2. Fill in the address form fields
|
||||
3. Click "Add" to save
|
||||
4. Select "Manual (Custom)" in the Address Source dropdown
|
||||
|
||||
#### Settings Configuration
|
||||
|
||||
**Card Validation Toggle**
|
||||
- Enable: Generates cards that pass Luhn algorithm validation
|
||||
- Disable: Generates random cards (faster, less strict)
|
||||
|
||||
**Address Source**
|
||||
- **Static**: Use built-in default addresses
|
||||
- **Manual**: Use your custom saved addresses
|
||||
- **Auto**: Generate random addresses (coming soon)
|
||||
|
||||
**Name Source**
|
||||
- Controls whether to use built-in names or custom entries
|
||||
- Names are taken from the address entries
|
||||
|
||||
## 🎯 How It Works
|
||||
|
||||
### Card Number Generation
|
||||
|
||||
The extension uses the **Luhn Algorithm** (mod-10 checksum) to generate valid card numbers:
|
||||
|
||||
1. Takes your BIN pattern (e.g., `552461xxxxxxxxxx`)
|
||||
2. Fills random digits for each `x`
|
||||
3. Calculates the Luhn check digit for the last position
|
||||
4. Validates the entire card number
|
||||
|
||||
```javascript
|
||||
// Example generated card
|
||||
BIN Input: 552461xxxxxxxxxx
|
||||
Generated: 5524610123456789
|
||||
Valid: ✅ Passes Luhn validation
|
||||
Type: Mastercard
|
||||
```
|
||||
|
||||
### Auto-Fill Process
|
||||
|
||||
1. **Field Detection**: Scans the page for card and address fields
|
||||
- Uses CSS selectors and autocomplete attributes
|
||||
- Penetrates Shadow DOM boundaries
|
||||
- Scores fields by relevance
|
||||
|
||||
2. **Smart Filling**: Fills fields in optimal order
|
||||
- Country first (may refresh form structure)
|
||||
- Card details with simulated typing
|
||||
- Address fields with proper delays
|
||||
|
||||
3. **Event Triggering**: Fires proper DOM events
|
||||
- Native value setters bypass framework locks
|
||||
- Input, change, and blur events
|
||||
- Focus management for validation triggers
|
||||
|
||||
## 🎨 Supported Card Types
|
||||
|
||||
The extension automatically detects and generates cards for:
|
||||
|
||||
- ✅ Visa (starts with 4)
|
||||
- ✅ Mastercard (starts with 51-55)
|
||||
- ✅ American Express (starts with 34, 37)
|
||||
- ✅ Discover (starts with 6011, 65)
|
||||
- ✅ JCB (starts with 35)
|
||||
- ✅ Diners Club (starts with 30, 36, 38)
|
||||
- ✅ Maestro (starts with 50, 56-58, 6304, 6390, 67)
|
||||
- ✅ UnionPay (starts with 62)
|
||||
|
||||
## 🐛 Troubleshooting
|
||||
|
||||
### Extension doesn't fill the form
|
||||
- **Solution**: Make sure you're on a Stripe checkout page
|
||||
- Check that the page has loaded completely
|
||||
- Try refreshing the page and clicking "Fill Everything" again
|
||||
|
||||
### Generated cards are rejected
|
||||
- **Solution**: Enable "Card Validation" in settings
|
||||
- Some test environments require Luhn-valid cards
|
||||
- Use a different BIN if one doesn't work
|
||||
|
||||
### Fields are filled incorrectly
|
||||
- **Solution**: The page may have custom field names
|
||||
- Try clicking the "Clear All Data" button and refresh
|
||||
- Report the issue with the page URL
|
||||
|
||||
### Extension icon doesn't appear
|
||||
- **Solution**: Check if extension is enabled in `chrome://extensions/`
|
||||
- Try reloading the extension
|
||||
- Check browser console for errors
|
||||
|
||||
## 🔐 Security Notes
|
||||
|
||||
### Local Storage Only
|
||||
- All data stored locally in Chrome storage
|
||||
- No external API calls for sensitive data
|
||||
- No telemetry or tracking
|
||||
|
||||
### Data Clearing
|
||||
Use the "Clear All Data" button to remove:
|
||||
- Cookies (including HttpOnly)
|
||||
- LocalStorage and SessionStorage
|
||||
- IndexedDB databases
|
||||
- Cache and Service Workers
|
||||
- Stripe fingerprinting data
|
||||
|
||||
## 👨💻 Author
|
||||
|
||||
Created by **Blackhat_bullet**
|
||||
|
||||
- 📺 [YouTube Channel](https://www.youtube.com/@Blackhat_bullet)
|
||||
- 💬 [Telegram Group](https://t.me/+VJJt9csJoEUxZTA1)
|
||||
- 📞 [Temp SMS Service](https://t.me/Tempotpsms_bot)
|
||||
- 💳 [BIN Generator Website](https://cardbingenerator.com/)
|
||||
|
||||
## 📄 License
|
||||
|
||||
This project is licensed under the MIT License - see the [LICENSE](LICENSE) file for details.
|
||||
|
||||
## ⚠️ Legal Notice
|
||||
|
||||
This software is provided "as is" without warranty of any kind. The authors and contributors:
|
||||
|
||||
- Do NOT endorse fraudulent activities
|
||||
- Do NOT encourage bypassing payment security
|
||||
- Do NOT take responsibility for misuse
|
||||
- Recommend using only in authorized test environments
|
||||
|
||||
**Use at your own risk and responsibility.**
|
||||
|
||||
---
|
||||
|
||||
<div align="center">
|
||||
<strong>Remember: This tool is for testing purposes only. Always respect the law and terms of service of the platforms you're testing on.</strong>
|
||||
</div>
|
||||
550
background.js
Normal file
550
background.js
Normal file
@@ -0,0 +1,550 @@
|
||||
/**
|
||||
* 虚拟身份池
|
||||
* 用于生成随机持卡人姓名
|
||||
*/
|
||||
const FIRST_NAMES = ["John", "Michael", "David", "James", "Robert", "William", "Richard", "Joseph", "Charles", "Thomas", "Christopher", "Daniel", "Matthew", "Anthony", "Mark", "Donald", "Steven", "Paul", "Andrew", "Joshua", "Kenneth", "Kevin", "Brian", "Mary", "Patricia", "Jennifer", "Linda", "Barbara", "Elizabeth", "Susan", "Jessica", "Sarah", "Karen", "Nancy", "Lisa", "Betty", "Margaret", "Sandra"];
|
||||
const LAST_NAMES = ["Smith", "Johnson", "Williams", "Brown", "Jones", "Garcia", "Miller", "Davis", "Rodriguez", "Martinez", "Hernandez", "Lopez", "Gonzalez", "Wilson", "Anderson", "Thomas", "Taylor", "Moore", "Jackson", "Martin", "Lee", "Thompson", "White", "Harris", "Sanchez", "Clark", "Ramirez", "Lewis", "Robinson", "Walker", "Young"];
|
||||
|
||||
/**
|
||||
* 默认地址配置
|
||||
*/
|
||||
const DEFAULT_ADDRESSES = [{
|
||||
name: "John Smith",
|
||||
firstName: "John",
|
||||
lastName: "Smith",
|
||||
address1: "69 Adams Street",
|
||||
address2: "",
|
||||
city: "Brooklyn",
|
||||
state: "New York",
|
||||
stateCode: "NY",
|
||||
postal: "11201",
|
||||
countryText: "United States",
|
||||
countryValue: "US"
|
||||
}, {
|
||||
name: "Michael Johnson",
|
||||
firstName: "Michael",
|
||||
lastName: "Johnson",
|
||||
address1: "3511 Carlisle Avenue",
|
||||
address2: "",
|
||||
city: "Covington",
|
||||
state: "Kentucky",
|
||||
stateCode: "KY",
|
||||
postal: "41015",
|
||||
countryText: "United States",
|
||||
countryValue: "US"
|
||||
}];
|
||||
|
||||
// ==========================================
|
||||
// 算法工具函数 (Luhn Algorithm)
|
||||
// ==========================================
|
||||
|
||||
function randomChoice(array) {
|
||||
return array[Math.floor(Math.random() * array.length)];
|
||||
}
|
||||
|
||||
/**
|
||||
* 根据卡号前缀识别卡组织类型
|
||||
*/
|
||||
function getCardType(cardNumber) {
|
||||
const patterns = {
|
||||
Visa: /^4/,
|
||||
Mastercard: /^5[1-5]/,
|
||||
"American Express": /^3[47]/,
|
||||
Discover: /^6(?:011|5)/,
|
||||
JCB: /^35/,
|
||||
"Diners Club": /^3(?:0[0-5]|[68])/,
|
||||
Maestro: /^(?:5[0678]\d\d|6304|6390|67\d\d)/,
|
||||
UnionPay: /^62/
|
||||
};
|
||||
for (const [type, regex] of Object.entries(patterns)) {
|
||||
if (regex.test(cardNumber)) {
|
||||
return type;
|
||||
}
|
||||
}
|
||||
return "Unknown";
|
||||
}
|
||||
|
||||
/**
|
||||
* 计算 Luhn 校验位 (模10算法)
|
||||
* 用于确保生成的卡号在数学上是有效的
|
||||
*/
|
||||
function calculateLuhnCheckDigit(digits) {
|
||||
let sum = 0;
|
||||
let shouldDouble = true;
|
||||
for (let i = digits.length - 1; i >= 0; i--) {
|
||||
let digit = parseInt(digits[i]);
|
||||
if (shouldDouble) {
|
||||
digit *= 2;
|
||||
if (digit > 9) {
|
||||
digit -= 9;
|
||||
}
|
||||
}
|
||||
sum += digit;
|
||||
shouldDouble = !shouldDouble;
|
||||
}
|
||||
return (10 - sum % 10) % 10;
|
||||
}
|
||||
|
||||
/**
|
||||
* 验证卡号是否符合 Luhn 算法
|
||||
*/
|
||||
function validateLuhn(number) {
|
||||
const digits = number.replace(/\D/g, "");
|
||||
let sum = 0;
|
||||
let shouldDouble = false;
|
||||
for (let i = digits.length - 1; i >= 0; i--) {
|
||||
let digit = parseInt(digits[i]);
|
||||
if (shouldDouble) {
|
||||
digit *= 2;
|
||||
if (digit > 9) {
|
||||
digit -= 9;
|
||||
}
|
||||
}
|
||||
sum += digit;
|
||||
shouldDouble = !shouldDouble;
|
||||
}
|
||||
return sum % 10 === 0;
|
||||
}
|
||||
|
||||
/**
|
||||
* 生成符合校验规则的卡号
|
||||
* @param {string} binPattern - BIN 格式 (如 "552461xxxxxxxxxx")
|
||||
*/
|
||||
function generateValidCardNumber(binPattern) {
|
||||
let rawNumber = "";
|
||||
// 1. 填充随机数
|
||||
for (let i = 0; i < binPattern.length - 1; i++) {
|
||||
if (binPattern[i] === "x" || binPattern[i] === "X") {
|
||||
rawNumber += Math.floor(Math.random() * 10);
|
||||
} else {
|
||||
rawNumber += binPattern[i];
|
||||
}
|
||||
}
|
||||
// 2. 计算最后一位校验码
|
||||
const checkDigit = calculateLuhnCheckDigit(rawNumber);
|
||||
rawNumber += checkDigit;
|
||||
return rawNumber;
|
||||
}
|
||||
|
||||
function generateExpiryDate() {
|
||||
const now = new Date();
|
||||
const currentYear = now.getFullYear();
|
||||
const currentMonth = now.getMonth() + 1;
|
||||
|
||||
// 随机生成 1 到 60 个月后的日期
|
||||
const randomMonths = Math.floor(Math.random() * 60) + 1;
|
||||
let targetMonth = currentMonth + randomMonths;
|
||||
let targetYear = currentYear;
|
||||
|
||||
while (targetMonth > 12) {
|
||||
targetMonth -= 12;
|
||||
targetYear += 1;
|
||||
}
|
||||
|
||||
return {
|
||||
month: targetMonth.toString().padStart(2, "0"),
|
||||
year: targetYear.toString()
|
||||
};
|
||||
}
|
||||
|
||||
function generateCVV(length = 3) {
|
||||
let cvv = "";
|
||||
for (let i = 0; i < length; i++) {
|
||||
cvv += Math.floor(Math.random() * 10);
|
||||
}
|
||||
return cvv;
|
||||
}
|
||||
|
||||
// ==========================================
|
||||
// 核心生成逻辑
|
||||
// ==========================================
|
||||
|
||||
/**
|
||||
* 本地生成模式：使用内置算法生成卡号
|
||||
*/
|
||||
function generateCardsLocally(bin, amount = 10) {
|
||||
const cards = [];
|
||||
const uniqueSet = new Set();
|
||||
console.log(`🎲 Generating ${amount} valid cards from BIN: ${bin}`);
|
||||
|
||||
let attempts = 0;
|
||||
const maxAttempts = amount * 10;
|
||||
|
||||
while (cards.length < amount && attempts < maxAttempts) {
|
||||
attempts++;
|
||||
const number = generateValidCardNumber(bin);
|
||||
|
||||
if (uniqueSet.has(number)) continue;
|
||||
if (!validateLuhn(number)) {
|
||||
console.warn("⚠️ Generated invalid card (should not happen):", number);
|
||||
continue;
|
||||
}
|
||||
|
||||
uniqueSet.add(number);
|
||||
const expiry = generateExpiryDate();
|
||||
const cvv = generateCVV(3);
|
||||
const type = getCardType(number);
|
||||
|
||||
cards.push({
|
||||
serial_number: cards.length + 1,
|
||||
card_number: number,
|
||||
expiry_month: expiry.month,
|
||||
expiry_year: expiry.year,
|
||||
cvv: cvv,
|
||||
card_type: type,
|
||||
full_format: `${number}|${expiry.month}|${expiry.year}|${cvv}`,
|
||||
luhn_valid: true
|
||||
});
|
||||
}
|
||||
|
||||
console.log(`[cardbingenerator] Successfully generated ${cards.length} valid cards`);
|
||||
|
||||
// 最后的完整性检查
|
||||
const invalid = cards.filter(c => !validateLuhn(c.card_number));
|
||||
if (invalid.length > 0) {
|
||||
console.error(`❌ Found ${invalid.length} invalid cards!`);
|
||||
} else {
|
||||
console.log("[cardbingenerator] All cards passed Luhn validation");
|
||||
}
|
||||
|
||||
// 统计卡种分布
|
||||
const stats = {};
|
||||
cards.forEach(c => {
|
||||
stats[c.card_type] = (stats[c.card_type] || 0) + 1;
|
||||
});
|
||||
console.log("📊 Card types:", stats);
|
||||
|
||||
return cards;
|
||||
}
|
||||
|
||||
/**
|
||||
* 简单生成模式：仅生成随机数，不进行 Luhn 校验 (用于某些不需要校验的测试场景)
|
||||
*/
|
||||
function generateCardsSimple(bin, amount = 10) {
|
||||
const cards = [];
|
||||
const uniqueSet = new Set();
|
||||
console.log(`🎲 Generating ${amount} cards (no validation) from BIN: ${bin}`);
|
||||
|
||||
for (let i = 0; i < amount; i++) {
|
||||
let number = "";
|
||||
for (let j = 0; j < bin.length; j++) {
|
||||
if (bin[j] === "x" || bin[j] === "X") {
|
||||
number += Math.floor(Math.random() * 10);
|
||||
} else {
|
||||
number += bin[j];
|
||||
}
|
||||
}
|
||||
|
||||
if (uniqueSet.has(number)) {
|
||||
i--;
|
||||
continue;
|
||||
}
|
||||
uniqueSet.add(number);
|
||||
const expiry = generateExpiryDate();
|
||||
const cvv = generateCVV(3);
|
||||
const type = getCardType(number);
|
||||
|
||||
cards.push({
|
||||
serial_number: i + 1,
|
||||
card_number: number,
|
||||
expiry_month: expiry.month,
|
||||
expiry_year: expiry.year,
|
||||
cvv: cvv,
|
||||
card_type: type,
|
||||
full_format: `${number}|${expiry.month}|${expiry.year}|${cvv}`,
|
||||
luhn_valid: false
|
||||
});
|
||||
}
|
||||
console.log(`[cardbingenerator] Generated ${cards.length} cards (simple mode)`);
|
||||
return cards;
|
||||
}
|
||||
|
||||
// ==========================================
|
||||
// 远程生成逻辑 (AKR-Gen)
|
||||
// ==========================================
|
||||
|
||||
/**
|
||||
* 远程生成模式：操控第三方网站 (akr-gen.bigfk.com) 生成卡号
|
||||
* 当本地算法不满足需求时使用
|
||||
*/
|
||||
async function generateCardsFromAKR(bin, onComplete) {
|
||||
let tab = null;
|
||||
try {
|
||||
console.log("[cardbingenerator] Opening AKR-gen tab...");
|
||||
// 创建一个不激活的标签页（后台静默打开）
|
||||
tab = await chrome.tabs.create({
|
||||
url: "https://akr-gen.bigfk.com/",
|
||||
active: false
|
||||
});
|
||||
|
||||
console.log("[cardbingenerator] Waiting for page load...");
|
||||
await new Promise(resolve => setTimeout(resolve, 4000));
|
||||
|
||||
console.log("[cardbingenerator] Filling BIN and generating cards...");
|
||||
// 注入脚本：自动填入BIN并点击生成
|
||||
const fillResult = await chrome.scripting.executeScript({
|
||||
target: { tabId: tab.id },
|
||||
func: remotePage_fillAndClick,
|
||||
args: [bin]
|
||||
});
|
||||
console.log("Fill result:", fillResult[0]?.result);
|
||||
|
||||
console.log("⏳ Waiting a moment before checking results...");
|
||||
await new Promise(resolve => setTimeout(resolve, 2000));
|
||||
|
||||
console.log("📥 Getting generated cards (will wait up to 10 seconds)...");
|
||||
// 注入脚本：抓取结果
|
||||
const scrapeResult = await chrome.scripting.executeScript({
|
||||
target: { tabId: tab.id },
|
||||
func: remotePage_scrapeResults
|
||||
});
|
||||
|
||||
console.log("[cardbingenerator] Closing AKR-gen tab...");
|
||||
await chrome.tabs.remove(tab.id);
|
||||
tab = null;
|
||||
|
||||
if (scrapeResult && scrapeResult[0] && scrapeResult[0].result) {
|
||||
const parsedCards = parseScrapedCards(scrapeResult[0].result);
|
||||
console.log(`[cardbingenerator] Generated ${parsedCards.length} cards`);
|
||||
|
||||
if (parsedCards.length > 0) {
|
||||
const randomAddr = await getRandomAddress();
|
||||
// 存入 storage 供 Content Script 使用
|
||||
chrome.storage.local.set({
|
||||
generatedCards: parsedCards,
|
||||
randomData: randomAddr
|
||||
});
|
||||
onComplete({ success: true, cards: parsedCards });
|
||||
} else {
|
||||
console.error("❌ No cards generated from AKR");
|
||||
onComplete({ success: false, error: "No cards generated from AKR-gen" });
|
||||
}
|
||||
} else {
|
||||
console.error("❌ Failed to retrieve cards from result");
|
||||
onComplete({ success: false, error: "Failed to retrieve cards from page" });
|
||||
}
|
||||
|
||||
} catch (err) {
|
||||
console.error("❌ Error in generateCardsFromAKR:", err);
|
||||
if (tab) {
|
||||
try { await chrome.tabs.remove(tab.id); } catch (e) {}
|
||||
}
|
||||
onComplete({ success: false, error: err.message });
|
||||
}
|
||||
}
|
||||
|
||||
// -- 以下函数会被注入到目标页面执行，不能使用外部变量 --
|
||||
|
||||
function remotePage_fillAndClick(bin) {
|
||||
return new Promise(resolve => {
|
||||
function waitForElement(selector, retries = 10, delay = 300) {
|
||||
return new Promise(res => {
|
||||
let count = 0;
|
||||
const check = () => {
|
||||
const el = document.querySelector(selector) || document.getElementById(selector.replace("#", ""));
|
||||
if (el) {
|
||||
res(el);
|
||||
} else if (count < retries) {
|
||||
count++;
|
||||
setTimeout(check, delay);
|
||||
} else {
|
||||
res(null);
|
||||
}
|
||||
};
|
||||
check();
|
||||
});
|
||||
}
|
||||
|
||||
waitForElement("bin").then(input => {
|
||||
if (input) {
|
||||
console.log("[cardbingenerator] Found BIN input, filling with:", bin);
|
||||
input.value = bin;
|
||||
input.dispatchEvent(new Event("input", { bubbles: true }));
|
||||
input.dispatchEvent(new Event("change", { bubbles: true }));
|
||||
|
||||
setTimeout(() => {
|
||||
waitForElement("button[type=\"submit\"]").then(btn => {
|
||||
if (btn) {
|
||||
console.log("[cardbingenerator] Found generate button, clicking...");
|
||||
btn.click();
|
||||
resolve(true);
|
||||
} else {
|
||||
console.error("❌ Generate button not found");
|
||||
resolve(false);
|
||||
}
|
||||
});
|
||||
}, 500);
|
||||
} else {
|
||||
console.error("❌ BIN input not found");
|
||||
resolve(false);
|
||||
}
|
||||
});
|
||||
});
|
||||
}
|
||||
|
||||
function remotePage_scrapeResults() {
|
||||
return new Promise(resolve => {
|
||||
function waitLoop(retries = 20, delay = 500) {
|
||||
let count = 0;
|
||||
const check = () => {
|
||||
const resultArea = document.getElementById("result");
|
||||
if (resultArea && resultArea.value.trim()) {
|
||||
console.log("[cardbingenerator] Found generated cards:", resultArea.value.split("\n").length, "lines");
|
||||
resolve(resultArea.value);
|
||||
} else if (count < retries) {
|
||||
count++;
|
||||
console.log(`[cardbingenerator] Waiting for cards... attempt ${count}/${retries}`);
|
||||
setTimeout(check, delay);
|
||||
} else {
|
||||
console.error("❌ Timeout waiting for cards");
|
||||
resolve("");
|
||||
}
|
||||
};
|
||||
check();
|
||||
}
|
||||
waitLoop();
|
||||
});
|
||||
}
|
||||
|
||||
// ----------------------------------------------------
|
||||
|
||||
function parseScrapedCards(text) {
|
||||
if (!text) return [];
|
||||
const lines = text.trim().split("\n");
|
||||
const cards = [];
|
||||
|
||||
lines.forEach((line, index) => {
|
||||
if (line.trim()) {
|
||||
const parts = line.trim().split("|");
|
||||
if (parts.length === 4) {
|
||||
cards.push({
|
||||
serial_number: index + 1,
|
||||
card_number: parts[0],
|
||||
expiry_month: parts[1],
|
||||
expiry_year: parts[2],
|
||||
cvv: parts[3],
|
||||
full_format: line.trim()
|
||||
});
|
||||
}
|
||||
}
|
||||
});
|
||||
return cards;
|
||||
}
|
||||
|
||||
/**
|
||||
* 辅助：获取随机地址
|
||||
*/
|
||||
async function getRandomAddress() {
|
||||
return new Promise(resolve => {
|
||||
chrome.storage.local.get(["customAddresses"], data => {
|
||||
const custom = data.customAddresses || [];
|
||||
const pool = [...custom, ...DEFAULT_ADDRESSES];
|
||||
if (pool.length === 0) {
|
||||
resolve(DEFAULT_ADDRESSES[0]);
|
||||
} else {
|
||||
const selected = randomChoice(pool);
|
||||
resolve(selected);
|
||||
}
|
||||
});
|
||||
});
|
||||
}
|
||||
|
||||
// ==========================================
|
||||
// 数据清理逻辑 (Browsing Data API)
|
||||
// ==========================================
|
||||
|
||||
async function clearStripeBrowsingData(sendResponse) {
|
||||
try {
|
||||
const domains = ["stripe.com", "checkout.stripe.com", "js.stripe.com", "hooks.stripe.com"];
|
||||
|
||||
// 1. 深度清理 Cookies (针对特定域)
|
||||
for (const domain of domains) {
|
||||
const cookies = await chrome.cookies.getAll({ domain: domain });
|
||||
for (const cookie of cookies) {
|
||||
await chrome.cookies.remove({
|
||||
url: "https://" + cookie.domain + cookie.path,
|
||||
name: cookie.name
|
||||
});
|
||||
}
|
||||
}
|
||||
|
||||
// 2. 清理浏览器缓存和存储 (针对特定 Origin)
|
||||
await chrome.browsingData.remove({
|
||||
origins: domains.map(d => "https://" + d)
|
||||
}, {
|
||||
cache: true,
|
||||
cookies: true,
|
||||
localStorage: true,
|
||||
indexedDB: true,
|
||||
serviceWorkers: true,
|
||||
cacheStorage: true
|
||||
});
|
||||
|
||||
console.log("[cardbingenerator] Deep clear completed for Stripe domains");
|
||||
if (sendResponse) sendResponse({ success: true });
|
||||
|
||||
} catch (err) {
|
||||
console.error("Error in deep clear:", err);
|
||||
if (sendResponse) sendResponse({ success: false, error: err.message });
|
||||
}
|
||||
}
|
||||
|
||||
// ==========================================
|
||||
// 消息监听与路由
|
||||
// ==========================================
|
||||
|
||||
// 安装时初始化默认 BIN
|
||||
chrome.runtime.onInstalled.addListener(() => {
|
||||
chrome.storage.local.get(["currentBin", "binHistory"], data => {
|
||||
if (!data.currentBin) {
|
||||
chrome.storage.local.set({
|
||||
currentBin: "552461xxxxxxxxxx",
|
||||
binHistory: ["552461xxxxxxxxxx"]
|
||||
});
|
||||
}
|
||||
});
|
||||
});
|
||||
|
||||
// 主消息处理器
|
||||
chrome.runtime.onMessage.addListener((request, sender, sendResponse) => {
|
||||
if (request.action === "generateCards") {
|
||||
// 路由到生成逻辑
|
||||
generateCardsHandler(request.bin, request.useValidation, sendResponse);
|
||||
return true; // 保持消息通道打开以进行异步响应
|
||||
}
|
||||
if (request.action === "clearBrowsingData") {
|
||||
// 路由到清理逻辑
|
||||
clearStripeBrowsingData(sendResponse);
|
||||
return true;
|
||||
}
|
||||
});
|
||||
|
||||
async function generateCardsHandler(bin, useValidation = true, sendResponse) {
|
||||
try {
|
||||
console.log(`[cardbingenerator] Starting card generation... (Luhn: ${useValidation ? "ON" : "OFF"})`);
|
||||
|
||||
// 根据配置决定是验证 Luhn 还是简单生成
|
||||
const cards = useValidation ?
|
||||
generateCardsLocally(bin, 10) :
|
||||
generateCardsSimple(bin, 10);
|
||||
|
||||
if (cards.length > 0) {
|
||||
const address = await getRandomAddress();
|
||||
|
||||
// 将结果存入 storage，这样 Content Script (第一部分代码) 就能读到了
|
||||
chrome.storage.local.set({
|
||||
generatedCards: cards,
|
||||
randomData: address
|
||||
});
|
||||
|
||||
console.log(`[cardbingenerator] Generated and saved ${cards.length} cards`);
|
||||
sendResponse({ success: true, cards: cards });
|
||||
} else {
|
||||
console.error("❌ No cards generated");
|
||||
sendResponse({ success: false, error: "Failed to generate cards" });
|
||||
}
|
||||
} catch (err) {
|
||||
console.error("❌ Error in generateCardsHandler:", err);
|
||||
sendResponse({ success: false, error: err.message });
|
||||
}
|
||||
}
|
||||
880
content.js
Normal file
880
content.js
Normal file
@@ -0,0 +1,880 @@
|
||||
/**
|
||||
* 全局状态标记
|
||||
*/
|
||||
let isProcessing = false;
|
||||
let fillButton = null;
|
||||
let clearButton = null;
|
||||
|
||||
/**
|
||||
* 默认地址数据源
|
||||
*/
|
||||
const DEFAULT_ADDRESSES = [{
|
||||
name: "John Smith",
|
||||
firstName: "John",
|
||||
lastName: "Smith",
|
||||
address1: "69 Adams Street",
|
||||
address2: "",
|
||||
city: "Brooklyn",
|
||||
state: "New York",
|
||||
stateCode: "NY",
|
||||
postal: "11201",
|
||||
countryText: "United States",
|
||||
countryValue: "US"
|
||||
}, {
|
||||
name: "Michael Johnson",
|
||||
firstName: "Michael",
|
||||
lastName: "Johnson",
|
||||
address1: "3511 Carlisle Avenue",
|
||||
address2: "",
|
||||
city: "Covington",
|
||||
state: "Kentucky",
|
||||
stateCode: "KY",
|
||||
postal: "41015",
|
||||
countryText: "United States",
|
||||
countryValue: "US"
|
||||
}];
|
||||
|
||||
/**
|
||||
* 字段匹配同义词词典
|
||||
* 用于启发式识别表单字段类型
|
||||
*/
|
||||
const FIELD_SYNONYMS = {
|
||||
fullName: ["full name", "name", "cardholder name", "card name", "cc-name"],
|
||||
firstName: ["first name", "given-name"],
|
||||
lastName: ["last name", "family-name", "surname"],
|
||||
address1: ["address", "address line 1", "street", "addressline1", "address-line1", "address-line-1"],
|
||||
address2: ["address line 2", "apt", "apartment", "addressline2", "address-line2", "suite"],
|
||||
city: ["city", "locality", "address-level2"],
|
||||
state: ["state", "region", "province", "administrative area", "address-level1", "address level 1"],
|
||||
postal: ["postal", "zip", "postcode", "postal-code"],
|
||||
country: ["country", "country or region"]
|
||||
};
|
||||
|
||||
const CARD_FIELD_WORDS = ["card", "cvc", "cvv", "expiry", "expiration", "valid thru", "month", "year"];
|
||||
|
||||
// ==========================================
|
||||
// 核心工具函数
|
||||
// ==========================================
|
||||
|
||||
/**
|
||||
* 获取随机地址
|
||||
* 优先从 storage 读取配置，支持 static/manual/auto 模式
|
||||
*/
|
||||
async function getRandomAddress() {
|
||||
return new Promise(resolve => {
|
||||
chrome.storage.local.get(["customAddresses", "addressSource"], data => {
|
||||
const customList = data.customAddresses || [];
|
||||
const sourceMode = data.addressSource || "static";
|
||||
let addressPool = [];
|
||||
|
||||
switch (sourceMode) {
|
||||
case "static":
|
||||
addressPool = DEFAULT_ADDRESSES;
|
||||
break;
|
||||
case "manual":
|
||||
addressPool = customList.length > 0 ? customList : DEFAULT_ADDRESSES;
|
||||
break;
|
||||
case "auto":
|
||||
addressPool = DEFAULT_ADDRESSES;
|
||||
break;
|
||||
default:
|
||||
addressPool = DEFAULT_ADDRESSES;
|
||||
}
|
||||
|
||||
if (addressPool.length === 0) {
|
||||
resolve(DEFAULT_ADDRESSES[0]);
|
||||
} else {
|
||||
const selected = addressPool[Math.floor(Math.random() * addressPool.length)];
|
||||
console.log(`[cardbingenerator] Using ${sourceMode} address:`, selected.name);
|
||||
resolve(selected);
|
||||
}
|
||||
});
|
||||
});
|
||||
}
|
||||
|
||||
function sleep(ms) {
|
||||
return new Promise(resolve => setTimeout(resolve, ms));
|
||||
}
|
||||
|
||||
function randomDelay(min, max) {
|
||||
return Math.floor(Math.random() * (max - min + 1)) + min;
|
||||
}
|
||||
|
||||
/**
|
||||
* 模拟人类输入文本
|
||||
* @param {HTMLElement} element - 目标输入框
|
||||
* @param {string} text - 要输入的文本
|
||||
* @param {boolean} clearFirst - 是否先清空输入框 (默认 false)
|
||||
*/
|
||||
async function typeText(element, text, clearFirst = false) {
|
||||
if (!element || !text) return;
|
||||
|
||||
element.focus();
|
||||
element.scrollIntoView({ behavior: "smooth", block: "center" });
|
||||
await sleep(randomDelay(150, 300));
|
||||
|
||||
if (clearFirst && text.length < 50) {
|
||||
// 模拟逐字删除或清空
|
||||
element.value = "";
|
||||
for (let i = 0; i < text.length; i++) {
|
||||
element.value += text[i];
|
||||
element.dispatchEvent(new Event("input", { bubbles: true }));
|
||||
await sleep(randomDelay(30, 80)); // 模拟击键间隔
|
||||
}
|
||||
element.dispatchEvent(new Event("change", { bubbles: true }));
|
||||
} else {
|
||||
// 直接赋值模式
|
||||
element.value = text;
|
||||
element.dispatchEvent(new Event("input", { bubbles: true }));
|
||||
element.dispatchEvent(new Event("change", { bubbles: true }));
|
||||
}
|
||||
|
||||
await sleep(randomDelay(100, 200));
|
||||
element.blur();
|
||||
await sleep(randomDelay(200, 400));
|
||||
}
|
||||
|
||||
/**
|
||||
* 收集页面所有根节点（包括 Shadow DOM）
|
||||
* 用于穿透 Shadow DOM 查找元素
|
||||
*/
|
||||
function collectRoots() {
|
||||
const roots = [document];
|
||||
const queue = [document.documentElement];
|
||||
|
||||
while (queue.length) {
|
||||
const node = queue.pop();
|
||||
if (!node) continue;
|
||||
|
||||
if (node.shadowRoot) {
|
||||
roots.push(node.shadowRoot);
|
||||
}
|
||||
|
||||
const children = node.children || [];
|
||||
for (let i = 0; i < children.length; i++) {
|
||||
queue.push(children[i]);
|
||||
}
|
||||
}
|
||||
return roots;
|
||||
}
|
||||
|
||||
/**
|
||||
* 检测元素是否可见且可交互
|
||||
*/
|
||||
function isVisible(el) {
|
||||
if (!el) return false;
|
||||
const rect = el.getBoundingClientRect();
|
||||
const style = window.getComputedStyle(el);
|
||||
|
||||
if (style.visibility === "hidden" || style.display === "none") return false;
|
||||
if (el.disabled) return false;
|
||||
if (rect.width <= 0 || rect.height <= 0) return false;
|
||||
if (el.type === "hidden") return false;
|
||||
|
||||
return true;
|
||||
}
|
||||
|
||||
/**
|
||||
* 收集页面所有可见的表单元素 (input, select, textarea)
|
||||
*/
|
||||
function collectFormElements() {
|
||||
const elements = [];
|
||||
for (const root of collectRoots()) {
|
||||
const nodes = root.querySelectorAll("input, select, textarea");
|
||||
nodes.forEach(node => {
|
||||
if (isVisible(node)) {
|
||||
elements.push(node);
|
||||
}
|
||||
});
|
||||
}
|
||||
return elements;
|
||||
}
|
||||
|
||||
/**
|
||||
* 使用原生 Setter 设置值并触发事件
|
||||
* 绕过 React/Vue 等框架的状态绑定限制
|
||||
*/
|
||||
async function setNativeValueAndDispatch(element, value, simulateTyping = false) {
|
||||
if (!element) return;
|
||||
|
||||
try {
|
||||
element.focus();
|
||||
element.scrollIntoView({ behavior: "smooth", block: "center" });
|
||||
await sleep(randomDelay(150, 300));
|
||||
|
||||
const tagName = element.tagName;
|
||||
|
||||
if (tagName === "INPUT" || tagName === "TEXTAREA") {
|
||||
const proto = tagName === "INPUT" ? window.HTMLInputElement.prototype : window.HTMLTextAreaElement.prototype;
|
||||
const nativeSetter = Object.getOwnPropertyDescriptor(proto, "value").set;
|
||||
|
||||
if (simulateTyping && value && value.length < 30) {
|
||||
// 模拟打字效果
|
||||
element.value = "";
|
||||
for (let i = 0; i < value.length; i++) {
|
||||
nativeSetter.call(element, element.value + value[i]);
|
||||
element.dispatchEvent(new Event("input", { bubbles: true }));
|
||||
await sleep(randomDelay(50, 120));
|
||||
}
|
||||
} else {
|
||||
// 快速填充
|
||||
nativeSetter.call(element, value);
|
||||
element.dispatchEvent(new Event("input", { bubbles: true }));
|
||||
}
|
||||
|
||||
element.dispatchEvent(new Event("change", { bubbles: true }));
|
||||
await sleep(randomDelay(150, 250));
|
||||
element.blur();
|
||||
|
||||
} else if (tagName === "SELECT") {
|
||||
element.value = value;
|
||||
element.dispatchEvent(new Event("change", { bubbles: true }));
|
||||
await sleep(randomDelay(200, 350));
|
||||
element.blur();
|
||||
}
|
||||
|
||||
await sleep(randomDelay(300, 500));
|
||||
|
||||
} catch (err) {
|
||||
// 降级处理：直接赋值
|
||||
try {
|
||||
element.focus();
|
||||
await sleep(randomDelay(150, 300));
|
||||
element.value = value;
|
||||
element.dispatchEvent(new Event("input", { bubbles: true }));
|
||||
element.dispatchEvent(new Event("change", { bubbles: true }));
|
||||
await sleep(randomDelay(150, 250));
|
||||
element.blur();
|
||||
await sleep(randomDelay(300, 500));
|
||||
} catch (ignored) {}
|
||||
}
|
||||
}
|
||||
|
||||
/**
|
||||
* 处理 Select 下拉框的值选择
|
||||
* 尝试匹配 value, textContent 或模糊匹配
|
||||
*/
|
||||
function pickSelectValue(selectEl, valueOptions, textOptions) {
|
||||
if (!selectEl || selectEl.tagName !== "SELECT") return null;
|
||||
|
||||
const options = Array.from(selectEl.options || []);
|
||||
const normalize = str => (str || "").toLowerCase().replace(/\s+/g, " ").trim();
|
||||
const includesText = (text, query) => normalize(text).includes(normalize(query));
|
||||
|
||||
// 1. 尝试匹配 value
|
||||
for (const val of valueOptions || []) {
|
||||
const found = options.find(opt => normalize(opt.value) === normalize(val));
|
||||
if (found) return found.value;
|
||||
}
|
||||
|
||||
// 2. 尝试匹配 textContent (精确)
|
||||
for (const txt of textOptions || []) {
|
||||
const found = options.find(opt => normalize(opt.textContent) === normalize(txt));
|
||||
if (found) return found.value;
|
||||
}
|
||||
|
||||
// 3. 尝试匹配 textContent (包含)
|
||||
for (const txt of textOptions || []) {
|
||||
const found = options.find(opt => includesText(opt.textContent, txt));
|
||||
if (found) return found.value;
|
||||
}
|
||||
|
||||
return null;
|
||||
}
|
||||
|
||||
// ==========================================
|
||||
// 字段识别逻辑
|
||||
// ==========================================
|
||||
|
||||
function getElementTextAttributes(el) {
|
||||
const attrs = [
|
||||
el.getAttribute("name"),
|
||||
el.getAttribute("id"),
|
||||
el.getAttribute("placeholder"),
|
||||
el.getAttribute("aria-label"),
|
||||
el.getAttribute("autocomplete"),
|
||||
el.getAttribute("data-testid"),
|
||||
el.getAttribute("data-qa")
|
||||
].filter(Boolean);
|
||||
return attrs.join(" ").toLowerCase();
|
||||
}
|
||||
|
||||
function matchesAny(text, keywords) {
|
||||
const lowerText = text.toLowerCase();
|
||||
return keywords.some(kw => lowerText.includes(kw.toLowerCase()));
|
||||
}
|
||||
|
||||
function isCardField(el) {
|
||||
const text = getElementTextAttributes(el);
|
||||
if (!text) return false;
|
||||
return matchesAny(text, CARD_FIELD_WORDS);
|
||||
}
|
||||
|
||||
/**
|
||||
* 计算字段与特定类型的匹配分数
|
||||
*/
|
||||
function scoreForSynonyms(el, synonyms) {
|
||||
const text = getElementTextAttributes(el);
|
||||
let score = 0;
|
||||
if (!text) return score;
|
||||
|
||||
const autocomplete = (el.getAttribute("autocomplete") || "").toLowerCase();
|
||||
|
||||
// 权重最高：autocomplete 属性匹配
|
||||
for (const syn of synonyms) {
|
||||
if (autocomplete.split(/\s+/).includes(syn.toLowerCase())) {
|
||||
score += 6;
|
||||
}
|
||||
}
|
||||
|
||||
// 权重中等：name 或 id 包含关键词
|
||||
const nameId = [(el.getAttribute("name") || "").toLowerCase(), (el.getAttribute("id") || "").toLowerCase()].join(" ");
|
||||
for (const syn of synonyms) {
|
||||
if (nameId.includes(syn.toLowerCase())) {
|
||||
score += 4;
|
||||
}
|
||||
}
|
||||
|
||||
// 权重最低：placeholder 或 aria-label 包含关键词
|
||||
const desc = [(el.getAttribute("placeholder") || "").toLowerCase(), (el.getAttribute("aria-label") || "").toLowerCase()].join(" ");
|
||||
for (const syn of synonyms) {
|
||||
if (desc.includes(syn.toLowerCase())) {
|
||||
score += 2;
|
||||
}
|
||||
}
|
||||
|
||||
return score;
|
||||
}
|
||||
|
||||
/**
|
||||
* 寻找最佳匹配字段
|
||||
*/
|
||||
function findBestField(elements, synonyms, validator) {
|
||||
let bestEl = null;
|
||||
let bestScore = 0;
|
||||
|
||||
for (const el of elements) {
|
||||
if (validator && !validator(el)) continue;
|
||||
|
||||
const score = scoreForSynonyms(el, synonyms);
|
||||
if (score > bestScore) {
|
||||
bestEl = el;
|
||||
bestScore = score;
|
||||
}
|
||||
}
|
||||
return bestEl;
|
||||
}
|
||||
|
||||
/**
|
||||
* 识别所有非卡号类的普通表单字段 (姓名、地址等)
|
||||
*/
|
||||
function detectAddressFields() {
|
||||
const formElements = collectFormElements().filter(el => !isCardField(el));
|
||||
const fields = {};
|
||||
|
||||
fields.firstName = findBestField(formElements, FIELD_SYNONYMS.firstName, el => el.tagName !== "SELECT");
|
||||
fields.lastName = findBestField(formElements, FIELD_SYNONYMS.lastName, el => el.tagName !== "SELECT");
|
||||
fields.fullName = findBestField(formElements, FIELD_SYNONYMS.fullName, el => el.tagName !== "SELECT");
|
||||
fields.address1 = findBestField(formElements, FIELD_SYNONYMS.address1, el => el.tagName !== "SELECT");
|
||||
fields.address2 = findBestField(formElements, FIELD_SYNONYMS.address2, el => el.tagName !== "SELECT");
|
||||
fields.city = findBestField(formElements, FIELD_SYNONYMS.city, el => el.tagName !== "SELECT");
|
||||
fields.state = findBestField(formElements, FIELD_SYNONYMS.state, el => el.tagName !== "SELECT");
|
||||
fields.postal = findBestField(formElements, FIELD_SYNONYMS.postal, el => el.tagName !== "SELECT");
|
||||
fields.country = findBestField(formElements, FIELD_SYNONYMS.country, () => true); // Country 可以是 select
|
||||
|
||||
// 逻辑修正：避免全名和名/姓重复匹配
|
||||
if (fields.fullName) {
|
||||
if (fields.firstName === fields.fullName) fields.firstName = null;
|
||||
if (fields.lastName === fields.fullName) fields.lastName = null;
|
||||
}
|
||||
if (fields.firstName && fields.lastName && fields.firstName === fields.lastName) {
|
||||
fields.fullName = fields.firstName;
|
||||
fields.firstName = null;
|
||||
fields.lastName = null;
|
||||
}
|
||||
|
||||
return fields;
|
||||
}
|
||||
|
||||
/**
|
||||
* 专门识别信用卡相关字段
|
||||
* 使用 CSS 选择器优先匹配
|
||||
*/
|
||||
function detectCardFields() {
|
||||
const roots = collectRoots();
|
||||
let numEl, expEl, cvcEl;
|
||||
|
||||
const numSelectors = ["input[autocomplete=\"cc-number\"]", "input[name*=\"cardnumber\" i]", "input[id*=\"cardnumber\" i]", "input[name=\"cardNumber\"]", "input[placeholder*=\"1234\"]", "#cardNumber"];
|
||||
const expSelectors = ["input[autocomplete=\"cc-exp\"]", "input[name*=\"exp\" i]", "input[id*=\"exp\" i]", "input[placeholder*=\"MM\"]", "input[name=\"cardExpiry\"]", "#cardExpiry"];
|
||||
const cvcSelectors = ["input[autocomplete=\"cc-csc\"]", "input[name*=\"cvc\" i]", "input[name*=\"cvv\" i]", "input[id*=\"cvc\" i]", "input[placeholder*=\"CVC\"]", "input[name=\"cardCvc\"]", "#cardCvc"];
|
||||
|
||||
function findInRoots(selectors) {
|
||||
for (const root of roots) {
|
||||
for (const sel of selectors) {
|
||||
const el = root.querySelector(sel);
|
||||
if (el && isVisible(el)) return el;
|
||||
}
|
||||
}
|
||||
return null;
|
||||
}
|
||||
|
||||
numEl = findInRoots(numSelectors);
|
||||
expEl = findInRoots(expSelectors);
|
||||
cvcEl = findInRoots(cvcSelectors);
|
||||
|
||||
if (numEl || expEl || cvcEl) {
|
||||
return { number: numEl, exp: expEl, cvc: cvcEl };
|
||||
}
|
||||
return null;
|
||||
}
|
||||
|
||||
/**
|
||||
* 自动点击“手动输入地址”按钮（如果有的话）
|
||||
* 常见于 Google Places Autocomplete 覆盖了原生输入框的情况
|
||||
*/
|
||||
function clickManualAddressIfPresent() {
|
||||
const keywords = ["enter address manually", "manually enter address", "ввести адрес вручную", "введите адрес вручную", "адрес вручную"];
|
||||
try {
|
||||
const roots = collectRoots();
|
||||
const tagSelectors = ["button", "[role=\"button\"]", "a", ".Button", ".Link", "span[role=\"button\"]", "div[role=\"button\"]"];
|
||||
|
||||
for (const root of roots) {
|
||||
for (const selector of tagSelectors) {
|
||||
const elements = root.querySelectorAll(selector);
|
||||
for (let i = 0; i < elements.length; i++) {
|
||||
const el = elements[i];
|
||||
if (!isVisible(el)) continue;
|
||||
|
||||
const text = [
|
||||
el.textContent || "",
|
||||
el.getAttribute("aria-label") || "",
|
||||
el.getAttribute("title") || "",
|
||||
el.getAttribute("data-testid") || ""
|
||||
].join(" ").toLowerCase();
|
||||
|
||||
if (!text) continue;
|
||||
|
||||
if (keywords.some(kw => text.includes(kw.toLowerCase()))) {
|
||||
const clickable = el.closest("button, [role=\"button\"], a, [role=\"link\"]") || el;
|
||||
console.log("[cardbingenerator] Clicking manual address button:", el.textContent);
|
||||
clickable.click();
|
||||
return true;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
} catch (err) {}
|
||||
return false;
|
||||
}
|
||||
|
||||
// ==========================================
|
||||
// 主业务逻辑：自动填充流程
|
||||
// ==========================================
|
||||
|
||||
async function autofillAll() {
|
||||
if (isProcessing) return;
|
||||
isProcessing = true;
|
||||
|
||||
try {
|
||||
showNotification("🔄 Starting auto-fill...", "info");
|
||||
await sleep(randomDelay(500, 1000));
|
||||
|
||||
// 1. 生成新卡片
|
||||
showNotification("🔄 Generating fresh cards...", "info");
|
||||
const storage = await chrome.storage.local.get(["currentBin"]);
|
||||
const currentBin = storage.currentBin || "552461xxxxxxxxxx";
|
||||
|
||||
// 发送消息给 background script 生成卡片
|
||||
const genResult = await new Promise(resolve => {
|
||||
chrome.runtime.sendMessage({
|
||||
action: "generateCards",
|
||||
bin: currentBin,
|
||||
stripeTabId: null
|
||||
}, response => resolve(response));
|
||||
});
|
||||
|
||||
if (!genResult || !genResult.success) {
|
||||
showNotification("❌ Failed to generate cards: " + (genResult?.error || "Unknown error"), "error");
|
||||
isProcessing = false;
|
||||
return;
|
||||
}
|
||||
|
||||
await sleep(2000);
|
||||
|
||||
// 2. 获取生成的卡片数据
|
||||
const cardStorage = await chrome.storage.local.get(["generatedCards"]);
|
||||
if (!cardStorage.generatedCards || cardStorage.generatedCards.length === 0) {
|
||||
showNotification("❌ No cards were generated", "error");
|
||||
isProcessing = false;
|
||||
return;
|
||||
}
|
||||
|
||||
const selectedCard = cardStorage.generatedCards[Math.floor(Math.random() * cardStorage.generatedCards.length)];
|
||||
const addressData = await getRandomAddress();
|
||||
|
||||
showNotification("💳 Filling card details...", "info");
|
||||
await sleep(randomDelay(400, 700));
|
||||
|
||||
// 3. 处理 Stripe 常见的折叠卡片按钮
|
||||
const accordionBtn = document.querySelector("[data-testid=\"card-accordion-item-button\"]");
|
||||
if (accordionBtn && isVisible(accordionBtn)) {
|
||||
console.log("[cardbingenerator] Clicking card button...");
|
||||
accordionBtn.scrollIntoView({ behavior: "smooth", block: "center" });
|
||||
await sleep(randomDelay(300, 500));
|
||||
accordionBtn.click();
|
||||
await sleep(randomDelay(800, 1200));
|
||||
}
|
||||
|
||||
// 4. 填充卡片信息
|
||||
const cardFields = detectCardFields();
|
||||
if (cardFields) {
|
||||
if (cardFields.number) {
|
||||
console.log("[cardbingenerator] Filling card number...");
|
||||
await setNativeValueAndDispatch(cardFields.number, selectedCard.card_number);
|
||||
}
|
||||
if (cardFields.exp) {
|
||||
console.log("[cardbingenerator] Filling expiry date...");
|
||||
const expStr = selectedCard.expiry_month + " / " + selectedCard.expiry_year.slice(-2);
|
||||
await setNativeValueAndDispatch(cardFields.exp, expStr);
|
||||
}
|
||||
if (cardFields.cvc) {
|
||||
console.log("[cardbingenerator] Filling CVC...");
|
||||
await setNativeValueAndDispatch(cardFields.cvc, selectedCard.cvv);
|
||||
}
|
||||
}
|
||||
|
||||
// 5. 填充地址信息
|
||||
showNotification("📝 Filling address...", "info");
|
||||
const addrFields = detectAddressFields();
|
||||
|
||||
// 优先处理国家选择，因为这可能会刷新表单格式
|
||||
if (addrFields.country && addrFields.country.tagName === "SELECT") {
|
||||
console.log("[cardbingenerator] Filling country...");
|
||||
const countryVal = pickSelectValue(addrFields.country, [addressData.countryValue], [addressData.countryText]);
|
||||
if (countryVal) {
|
||||
await setNativeValueAndDispatch(addrFields.country, countryVal);
|
||||
}
|
||||
await sleep(300);
|
||||
}
|
||||
|
||||
// 检查是否有“手动输入地址”按钮并点击
|
||||
const clickedManual = clickManualAddressIfPresent();
|
||||
if (clickedManual) {
|
||||
console.log("[cardbingenerator] Manual address button clicked");
|
||||
await sleep(randomDelay(800, 1200));
|
||||
}
|
||||
|
||||
// 填充详细地址字段
|
||||
const fillAddressDetails = async () => {
|
||||
const currentFields = detectAddressFields(); // 重新检测，因为 DOM 可能已变化
|
||||
|
||||
// 名字处理逻辑
|
||||
if (currentFields.firstName && currentFields.lastName && currentFields.firstName !== currentFields.lastName) {
|
||||
console.log("[cardbingenerator] Filling first name...");
|
||||
await setNativeValueAndDispatch(currentFields.firstName, addressData.firstName, true);
|
||||
console.log("[cardbingenerator] Filling last name...");
|
||||
await setNativeValueAndDispatch(currentFields.lastName, addressData.lastName, true);
|
||||
} else {
|
||||
const nameField = currentFields.fullName || currentFields.firstName || currentFields.lastName;
|
||||
if (nameField) {
|
||||
console.log("[cardbingenerator] Filling full name...");
|
||||
await setNativeValueAndDispatch(nameField, addressData.name, true);
|
||||
}
|
||||
}
|
||||
|
||||
if (currentFields.address1) {
|
||||
console.log("[cardbingenerator] Filling address line 1...");
|
||||
await setNativeValueAndDispatch(currentFields.address1, addressData.address1, false);
|
||||
}
|
||||
if (currentFields.address2) {
|
||||
console.log("[cardbingenerator] Filling address line 2...");
|
||||
await setNativeValueAndDispatch(currentFields.address2, addressData.address2, false);
|
||||
}
|
||||
if (currentFields.city) {
|
||||
console.log("[cardbingenerator] Filling city...");
|
||||
await setNativeValueAndDispatch(currentFields.city, addressData.city, true);
|
||||
}
|
||||
if (currentFields.postal) {
|
||||
console.log("[cardbingenerator] Filling postal code...");
|
||||
await setNativeValueAndDispatch(currentFields.postal, addressData.postal, false);
|
||||
}
|
||||
};
|
||||
|
||||
await fillAddressDetails();
|
||||
|
||||
// 延迟填充 State/Province，因为有些表单需要先填 Country/Zip 才会出现 State
|
||||
const fillState = async () => {
|
||||
await sleep(randomDelay(400, 600));
|
||||
const fieldsNow = detectAddressFields();
|
||||
if (!fieldsNow.state) return;
|
||||
|
||||
if (fieldsNow.state.tagName === "SELECT") {
|
||||
console.log("📍 Filling state (select)...");
|
||||
const stateVal = pickSelectValue(fieldsNow.state, [addressData.stateCode], [addressData.state]);
|
||||
if (stateVal) {
|
||||
await setNativeValueAndDispatch(fieldsNow.state, stateVal);
|
||||
}
|
||||
} else {
|
||||
console.log("📍 Filling state (input)...");
|
||||
await setNativeValueAndDispatch(fieldsNow.state, addressData.stateCode || addressData.state, true);
|
||||
}
|
||||
};
|
||||
|
||||
await fillState();
|
||||
await sleep(randomDelay(600, 1000));
|
||||
|
||||
// 清理已使用的卡片数据
|
||||
chrome.storage.local.remove(["generatedCards"], () => {
|
||||
console.log("[cardbingenerator] Cleared used cards from storage");
|
||||
});
|
||||
|
||||
console.log("[cardbingenerator] Auto-fill completed!");
|
||||
showNotification("✅ All fields filled successfully!", "success");
|
||||
|
||||
} catch (err) {
|
||||
chrome.storage.local.remove(["generatedCards"]);
|
||||
showNotification("❌ Error: " + err.message, "error");
|
||||
console.error("Autofill error:", err);
|
||||
}
|
||||
isProcessing = false;
|
||||
}
|
||||
|
||||
// ==========================================
|
||||
// UI 辅助功能：通知和清理按钮
|
||||
// ==========================================
|
||||
|
||||
function showNotification(message, type = "info") {
|
||||
const existing = document.getElementById("auto-card-filler-notification");
|
||||
if (existing) existing.remove();
|
||||
|
||||
const notif = document.createElement("div");
|
||||
notif.id = "auto-card-filler-notification";
|
||||
notif.textContent = message;
|
||||
|
||||
const colors = {
|
||||
info: "#3498db",
|
||||
success: "#2ecc71",
|
||||
warning: "#f39c12",
|
||||
error: "#e74c3c"
|
||||
};
|
||||
|
||||
Object.assign(notif.style, {
|
||||
position: "fixed",
|
||||
top: "20px",
|
||||
right: "20px",
|
||||
background: colors[type] || colors.info,
|
||||
color: "white",
|
||||
padding: "15px 20px",
|
||||
borderRadius: "8px",
|
||||
boxShadow: "0 4px 12px rgba(0,0,0,0.3)",
|
||||
zIndex: "9999999",
|
||||
fontSize: "14px",
|
||||
fontWeight: "600",
|
||||
maxWidth: "300px",
|
||||
animation: "slideIn 0.3s ease-out"
|
||||
});
|
||||
|
||||
const styleEl = document.createElement("style");
|
||||
styleEl.textContent = `
|
||||
@keyframes slideIn {
|
||||
from { transform: translateX(400px); opacity: 0; }
|
||||
to { transform: translateX(0); opacity: 1; }
|
||||
}
|
||||
`;
|
||||
|
||||
if (!document.getElementById("autofill-notification-style")) {
|
||||
styleEl.id = "autofill-notification-style";
|
||||
document.head.appendChild(styleEl);
|
||||
}
|
||||
|
||||
document.body.appendChild(notif);
|
||||
|
||||
setTimeout(() => {
|
||||
notif.style.transition = "all 0.3s ease-out";
|
||||
notif.style.transform = "translateX(400px)";
|
||||
notif.style.opacity = "0";
|
||||
setTimeout(() => notif.remove(), 300);
|
||||
}, 5000);
|
||||
}
|
||||
|
||||
function findPaymentMethodHeader() {
|
||||
const roots = collectRoots();
|
||||
for (const root of roots) {
|
||||
const headers = root.querySelectorAll("h1, h2, h3, h4, .Header, [class*=\"header\"], [class*=\"title\"], [class*=\"Title\"]");
|
||||
for (const h of headers) {
|
||||
const text = h.textContent.toLowerCase().trim();
|
||||
if (["payment method", "payment", "метод оплаты", "способ оплаты"].includes(text) || text.includes("payment method")) {
|
||||
return h;
|
||||
}
|
||||
}
|
||||
}
|
||||
return null;
|
||||
}
|
||||
|
||||
function createFillButton() {
|
||||
if (clearButton || document.getElementById("stripe-clear-btn")) return;
|
||||
|
||||
const header = findPaymentMethodHeader();
|
||||
clearButton = document.createElement("button");
|
||||
clearButton.id = "stripe-clear-btn";
|
||||
clearButton.innerHTML = "🗑️ Clear All Data";
|
||||
|
||||
// 注入按钮样式
|
||||
clearButton.style.cssText = `
|
||||
background: #dc3545;
|
||||
color: white;
|
||||
border: none;
|
||||
border-radius: 8px;
|
||||
padding: 8px 16px;
|
||||
font-size: 13px;
|
||||
font-weight: 600;
|
||||
cursor: pointer;
|
||||
box-shadow: 0 2px 8px rgba(220, 53, 69, 0.3);
|
||||
transition: all 0.2s ease;
|
||||
font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
|
||||
margin-left: 8px;
|
||||
vertical-align: middle;
|
||||
white-space: nowrap;
|
||||
`;
|
||||
|
||||
clearButton.addEventListener("mouseenter", () => {
|
||||
clearButton.style.transform = "translateY(-1px)";
|
||||
clearButton.style.boxShadow = "0 4px 12px rgba(220, 53, 69, 0.4)";
|
||||
});
|
||||
|
||||
clearButton.addEventListener("mouseleave", () => {
|
||||
clearButton.style.transform = "translateY(0)";
|
||||
clearButton.style.boxShadow = "0 2px 8px rgba(220, 53, 69, 0.3)";
|
||||
});
|
||||
|
||||
clearButton.addEventListener("click", async () => {
|
||||
if (confirm(`⚠️ Clear all Stripe data? This will:\n\n• Delete all cookies\n• Clear localStorage\n• Clear sessionStorage\n• Clear cache\n• Reload the page\n\nContinue?`)) {
|
||||
clearButton.disabled = true;
|
||||
clearButton.innerHTML = "⏳ Clearing...";
|
||||
await clearAllStripeData();
|
||||
showNotification("✅ All data cleared! Reloading...", "success");
|
||||
setTimeout(() => {
|
||||
location.reload();
|
||||
}, 1000);
|
||||
}
|
||||
});
|
||||
|
||||
// 尝试将按钮插入到支付标题旁边，如果找不到标题则悬浮显示
|
||||
if (header) {
|
||||
if (header.parentElement) {
|
||||
const container = document.createElement("div");
|
||||
container.style.cssText = "display: flex; align-items: center; justify-content: space-between; margin-bottom: 16px;";
|
||||
const headerClone = header.cloneNode(true);
|
||||
headerClone.style.margin = "0";
|
||||
const btnGroup = document.createElement("div");
|
||||
btnGroup.style.cssText = "display: flex; gap: 8px;";
|
||||
btnGroup.appendChild(clearButton);
|
||||
container.appendChild(headerClone);
|
||||
container.appendChild(btnGroup);
|
||||
header.parentElement.replaceChild(container, header);
|
||||
}
|
||||
} else {
|
||||
clearButton.style.cssText += `
|
||||
position: fixed;
|
||||
top: 20px;
|
||||
right: 20px;
|
||||
z-index: 999999;
|
||||
padding: 12px 20px;
|
||||
font-size: 14px;
|
||||
`;
|
||||
document.body.appendChild(clearButton);
|
||||
}
|
||||
}
|
||||
|
||||
/**
|
||||
* 彻底清理浏览器数据 (Stripe 反指纹追踪)
|
||||
*/
|
||||
async function clearAllStripeData() {
|
||||
try {
|
||||
localStorage.clear();
|
||||
sessionStorage.clear();
|
||||
|
||||
// 清理 IndexedDB
|
||||
if (window.indexedDB) {
|
||||
const dbs = await window.indexedDB.databases();
|
||||
for (const db of dbs) {
|
||||
window.indexedDB.deleteDatabase(db.name);
|
||||
}
|
||||
}
|
||||
|
||||
// 暴力清理 Cookies
|
||||
const cookies = document.cookie.split(";");
|
||||
for (let cookie of cookies) {
|
||||
const eqPos = cookie.indexOf("=");
|
||||
const name = eqPos > -1 ? cookie.substr(0, eqPos).trim() : cookie.trim();
|
||||
document.cookie = name + "=;expires=Thu, 01 Jan 1970 00:00:00 GMT;path=/";
|
||||
document.cookie = name + "=;expires=Thu, 01 Jan 1970 00:00:00 GMT;path=/;domain=" + location.hostname;
|
||||
document.cookie = name + "=;expires=Thu, 01 Jan 1970 00:00:00 GMT;path=/;domain=." + location.hostname;
|
||||
}
|
||||
|
||||
if ("caches" in window) {
|
||||
const keys = await caches.keys();
|
||||
for (const key of keys) {
|
||||
await caches.delete(key);
|
||||
}
|
||||
}
|
||||
|
||||
chrome.runtime.sendMessage({ action: "clearBrowsingData" });
|
||||
console.log("[cardbingenerator] All Stripe data cleared");
|
||||
} catch (err) {
|
||||
console.error("Error clearing data:", err);
|
||||
showNotification("⚠️ Partial clear - some data may remain", "warning");
|
||||
}
|
||||
}
|
||||
|
||||
function shouldShowButton() {
|
||||
const hasCardFields = detectCardFields();
|
||||
const hasAddrFields = detectAddressFields();
|
||||
return hasCardFields || hasAddrFields.fullName || hasAddrFields.address1;
|
||||
}
|
||||
|
||||
function initButton() {
|
||||
if (shouldShowButton()) {
|
||||
createFillButton();
|
||||
}
|
||||
}
|
||||
|
||||
// ==========================================
|
||||
// 初始化与事件监听
|
||||
// ==========================================
|
||||
|
||||
const observer = new MutationObserver(() => {
|
||||
if (!fillButton && shouldShowButton()) {
|
||||
createFillButton();
|
||||
}
|
||||
});
|
||||
|
||||
if (document.body) {
|
||||
observer.observe(document.body, { childList: true, subtree: true });
|
||||
}
|
||||
|
||||
if (document.readyState === "loading") {
|
||||
document.addEventListener("DOMContentLoaded", initButton);
|
||||
} else {
|
||||
initButton();
|
||||
}
|
||||
|
||||
// 多次尝试初始化，应对动态加载的 SPA
|
||||
setTimeout(initButton, 1000);
|
||||
setTimeout(initButton, 2000);
|
||||
setTimeout(initButton, 3000);
|
||||
|
||||
chrome.runtime.onMessage.addListener((request, sender, sendResponse) => {
|
||||
if (request.action === "fillForm") {
|
||||
autofillAll();
|
||||
}
|
||||
});
|
||||
|
||||
window.addEventListener("beforeunload", () => {
|
||||
chrome.storage.local.remove(["generatedCards"]);
|
||||
console.log("[cardbingenerator] Cleared cards on page unload");
|
||||
});
|
||||
|
||||
chrome.storage.local.remove(["generatedCards"], () => {
|
||||
console.log("[cardbingenerator] Cleared old cards on page load");
|
||||
});
|
||||
BIN
icon128.png
Normal file
BIN
icon128.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 16 KiB |
BIN
icon16.png
Normal file
BIN
icon16.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 703 B |
BIN
icon48.png
Normal file
BIN
icon48.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 3.0 KiB |
43
manifest.json
Normal file
43
manifest.json
Normal file
@@ -0,0 +1,43 @@
|
||||
{
|
||||
"manifest_version": 3,
|
||||
"name": "cardbingenerator - Stripe Auto Fill",
|
||||
"version": "1.0.0",
|
||||
"description": "cardbingenerator",
|
||||
"permissions": [
|
||||
"storage",
|
||||
"activeTab",
|
||||
"tabs",
|
||||
"scripting",
|
||||
"cookies",
|
||||
"browsingData"
|
||||
],
|
||||
"host_permissions": [
|
||||
"https://checkout.stripe.com/*",
|
||||
"https://stripe.com/*",
|
||||
"https://*.stripe.com/*"
|
||||
],
|
||||
"background": {
|
||||
"service_worker": "background.js"
|
||||
},
|
||||
"action": {
|
||||
"default_popup": "popup.html",
|
||||
"default_icon": {
|
||||
"16": "icon16.png",
|
||||
"48": "icon48.png",
|
||||
"128": "icon128.png"
|
||||
}
|
||||
},
|
||||
"content_scripts": [
|
||||
{
|
||||
"matches": [
|
||||
"https://checkout.stripe.com/*",
|
||||
"https://stripe.com/*",
|
||||
"https://*.stripe.com/*"
|
||||
],
|
||||
"js": ["content.js"],
|
||||
"run_at": "document_idle",
|
||||
"all_frames": true
|
||||
}
|
||||
]
|
||||
}
|
||||
|
||||
249
popup.html
Normal file
249
popup.html
Normal file
@@ -0,0 +1,249 @@
|
||||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<title>cardbingenerator</title>
|
||||
<link rel="stylesheet" href="styles.css">
|
||||
</head>
|
||||
<body>
|
||||
<!-- Telegram Promotion Modal -->
|
||||
<div id="telegramModal" class="modal-overlay">
|
||||
<div class="modal-content">
|
||||
<button class="modal-close" id="modalCloseBtn">×</button>
|
||||
<div class="modal-header">
|
||||
<div class="modal-icon">📱</div>
|
||||
<h3 class="modal-title">Join Our Community</h3>
|
||||
</div>
|
||||
<div class="modal-body">
|
||||
<p class="modal-description">Get access to more hacks, tools, and exclusive content!</p>
|
||||
<div class="modal-links">
|
||||
<a href="https://t.me/+VJJt9csJoEUxZTA1" target="_blank" class="modal-link telegram-link">
|
||||
<span class="modal-link-icon">💬</span>
|
||||
<div class="modal-link-content">
|
||||
<div class="modal-link-title">Join Telegram Group</div>
|
||||
<div class="modal-link-subtitle">More Hacks & Tools</div>
|
||||
</div>
|
||||
</a>
|
||||
<a href="https://t.me/Tempotpsms_bot" target="_blank" class="modal-link temp-link">
|
||||
<span class="modal-link-icon">📞</span>
|
||||
<div class="modal-link-content">
|
||||
<div class="modal-link-title">Temp Number Service</div>
|
||||
<div class="modal-link-subtitle">Virtual SMS Bot</div>
|
||||
</div>
|
||||
</a>
|
||||
</div>
|
||||
<div class="modal-timer">
|
||||
<span id="modalTimer">5</span>s
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="container">
|
||||
<div class="header">
|
||||
<div class="header-left">
|
||||
<div class="logo">💳</div>
|
||||
<h2>cardbingenerator</h2>
|
||||
</div>
|
||||
<div class="branding">
|
||||
<div class="brand-name">Blackhat_bullet</div>
|
||||
<div class="brand-links">
|
||||
<a href="https://www.youtube.com/@Blackhat_bullet" target="_blank" class="brand-link">YouTube</a>
|
||||
<a href="https://cardbingenerator.com/" target="_blank" class="brand-link">BIN Site</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="tabs">
|
||||
<button class="tab-btn active" data-tab="general">
|
||||
<span class="tab-icon">⚡</span>
|
||||
<span>General</span>
|
||||
</button>
|
||||
<button class="tab-btn" data-tab="binlist">
|
||||
<span class="tab-icon">💎</span>
|
||||
<span>BIN List</span>
|
||||
</button>
|
||||
<button class="tab-btn" data-tab="settings">
|
||||
<span class="tab-icon">⚙️</span>
|
||||
<span>Settings</span>
|
||||
</button>
|
||||
</div>
|
||||
|
||||
<div class="content">
|
||||
<!-- General Tab -->
|
||||
<div id="general-tab" class="tab-content active">
|
||||
<div class="section">
|
||||
<div class="section-header">
|
||||
<span class="section-icon">💳</span>
|
||||
<h3>Card Generator</h3>
|
||||
</div>
|
||||
|
||||
<div class="input-group">
|
||||
<label for="binInput">BIN Template:</label>
|
||||
<div class="input-with-btn">
|
||||
<input type="text" id="binInput" placeholder="Enter BIN (e.g. 552461)" maxlength="19">
|
||||
<button id="addBinBtn" class="icon-btn" title="Save to history">
|
||||
<span>+</span>
|
||||
</button>
|
||||
<button id="settingsToggleBtn" class="icon-btn settings-btn" title="Settings">
|
||||
<span>⚙️</span>
|
||||
</button>
|
||||
</div>
|
||||
|
||||
<!-- Mini settings dropdown -->
|
||||
<div id="miniSettings" class="mini-settings">
|
||||
<div class="mini-settings-item">
|
||||
<label class="mini-checkbox-label">
|
||||
<input type="checkbox" id="useLuhnValidation" checked>
|
||||
<span class="mini-checkbox-custom"></span>
|
||||
<span class="mini-checkbox-text">Card Validation</span>
|
||||
</label>
|
||||
</div>
|
||||
|
||||
<div class="mini-settings-divider"></div>
|
||||
|
||||
<div class="mini-settings-item">
|
||||
<div class="mini-settings-label">🏠 Address Source:</div>
|
||||
<select id="addressSourceSelect" class="mini-select">
|
||||
<option value="static">Static (Built-in)</option>
|
||||
<option value="manual">Manual (Custom)</option>
|
||||
<option value="auto" disabled>Auto (Coming Soon)</option>
|
||||
</select>
|
||||
</div>
|
||||
|
||||
<div class="mini-settings-item">
|
||||
<div class="mini-settings-label">👤 Name Source:</div>
|
||||
<select id="nameSourceSelect" class="mini-select">
|
||||
<option value="static">Static (Built-in)</option>
|
||||
<option value="manual">Manual (Custom)</option>
|
||||
<option value="auto" disabled>Auto (Coming Soon)</option>
|
||||
</select>
|
||||
<div class="mini-settings-hint">Names are taken from addresses</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<small style="color: var(--text-muted); font-size: 12px; margin-top: 4px; display: block;">
|
||||
Auto-fills with 'x' to 16 digits • Max 19 digits for long cards
|
||||
</small>
|
||||
</div>
|
||||
|
||||
<button id="generateCardsBtn" class="btn btn-primary">
|
||||
<span class="btn-icon">🚀</span>
|
||||
<span>Fill Everything</span>
|
||||
</button>
|
||||
|
||||
<div class="status-message" id="statusMessage"></div>
|
||||
</div>
|
||||
|
||||
<div class="section">
|
||||
<div class="section-header">
|
||||
<span class="section-icon">📜</span>
|
||||
<h3>History</h3>
|
||||
</div>
|
||||
<div id="binHistoryList" class="history-list"></div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- BIN List Tab -->
|
||||
<div id="binlist-tab" class="tab-content">
|
||||
<div class="section">
|
||||
<div class="section-header">
|
||||
<span class="section-icon">💎</span>
|
||||
<h3>BIN Generator</h3>
|
||||
</div>
|
||||
<div style="display: flex; flex-direction: column; align-items: center; justify-content: center; padding: 40px 20px; gap: 20px;">
|
||||
<div style="font-size: 64px; opacity: 0.4;">💎</div>
|
||||
<div style="font-size: 24px; font-weight: 700; color: var(--text-primary); text-align: center;">
|
||||
Powered by cardbingenerator
|
||||
</div>
|
||||
<div style="font-size: 13px; color: var(--text-secondary); text-align: center; max-width: 320px; line-height: 1.6;">
|
||||
Visit <a href="https://cardbingenerator.com/" target="_blank" style="color: var(--accent-primary); text-decoration: none; font-weight: 600;">cardbingenerator.com</a> for advanced BIN generation with multiple card networks, formats, and validation options.
|
||||
</div>
|
||||
<a href="https://cardbingenerator.com/" target="_blank" class="btn btn-primary" style="margin-top: 10px; text-decoration: none; display: inline-flex; width: auto; padding: 12px 24px;">
|
||||
<span>Visit BIN Generator</span>
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="footer-branding">
|
||||
<div class="footer-branding-title">Powered by Blackhat_bullet</div>
|
||||
<div class="footer-branding-links">
|
||||
<a href="https://www.youtube.com/@Blackhat_bullet" target="_blank" class="footer-branding-link">📺 YouTube Channel</a>
|
||||
<a href="https://t.me/+VJJt9csJoEUxZTA1" target="_blank" class="footer-branding-link">💬 Telegram Group</a>
|
||||
<a href="https://t.me/Tempotpsms_bot" target="_blank" class="footer-branding-link">📞 Temp SMS</a>
|
||||
<a href="https://cardbingenerator.com/" target="_blank" class="footer-branding-link">💳 BIN Generator</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Settings Tab -->
|
||||
<div id="settings-tab" class="tab-content">
|
||||
<div class="sub-tabs">
|
||||
<button class="sub-tab-btn active" data-subtab="addresses">
|
||||
<span>🏠 Addresses</span>
|
||||
</button>
|
||||
<button class="sub-tab-btn" data-subtab="names">
|
||||
<span>👤 Names</span>
|
||||
</button>
|
||||
</div>
|
||||
|
||||
<!-- Addresses SubTab -->
|
||||
<div id="addresses-subtab" class="sub-tab-content active">
|
||||
<div class="form-group-compact">
|
||||
<input type="text" id="nameInput" placeholder="Full Name" class="form-input">
|
||||
<input type="text" id="address1Input" placeholder="Address Line 1" class="form-input">
|
||||
<input type="text" id="address2Input" placeholder="Address Line 2 (optional)" class="form-input">
|
||||
<div class="input-row">
|
||||
<input type="text" id="cityInput" placeholder="City" class="form-input">
|
||||
<input type="text" id="stateInput" placeholder="State" class="form-input">
|
||||
</div>
|
||||
<input type="text" id="zipInput" placeholder="ZIP Code" class="form-input">
|
||||
<button id="addAddressBtn" class="btn btn-secondary btn-sm">
|
||||
<span class="btn-icon">+</span>
|
||||
<span>Add</span>
|
||||
</button>
|
||||
</div>
|
||||
|
||||
<div class="list-container-compact">
|
||||
<div id="addressesList"></div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Names SubTab -->
|
||||
<div id="names-subtab" class="sub-tab-content">
|
||||
<div class="form-group-compact">
|
||||
<div class="input-row">
|
||||
<input type="text" id="firstNameInput" placeholder="First Name" class="form-input">
|
||||
<input type="text" id="lastNameInput" placeholder="Last Name" class="form-input">
|
||||
</div>
|
||||
<button id="addNameBtn" class="btn btn-secondary btn-sm">
|
||||
<span class="btn-icon">+</span>
|
||||
<span>Add</span>
|
||||
</button>
|
||||
</div>
|
||||
|
||||
<div class="list-container-compact">
|
||||
<div id="namesList"></div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Footer Branding -->
|
||||
<div class="footer-branding">
|
||||
<div class="footer-branding-title">Blackhat_bullet</div>
|
||||
<div style="font-size: 11px; color: var(--text-muted); margin-bottom: 8px;">
|
||||
Follow us for more tools, hacks, and tutorials
|
||||
</div>
|
||||
<div class="footer-branding-links">
|
||||
<a href="https://www.youtube.com/@Blackhat_bullet" target="_blank" class="footer-branding-link">📺 YouTube: Stuffs</a>
|
||||
<a href="https://t.me/+VJJt9csJoEUxZTA1" target="_blank" class="footer-branding-link">💬 Telegram Group</a>
|
||||
<a href="https://t.me/Tempotpsms_bot" target="_blank" class="footer-branding-link">📞 Temp SMS Bot</a>
|
||||
<a href="https://cardbingenerator.com/" target="_blank" class="footer-branding-link">💳 BIN Generator</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<script src="popup.js"></script>
|
||||
</body>
|
||||
</html>
|
||||
627
popup.js
Normal file
627
popup.js
Normal file
@@ -0,0 +1,627 @@
|
||||
/**
|
||||
* 界面元素引用 (UI References)
|
||||
*/
|
||||
const tabs = document.querySelectorAll(".tab-btn");
|
||||
const tabContents = document.querySelectorAll(".tab-content");
|
||||
const binInput = document.getElementById("binInput");
|
||||
const addBinBtn = document.getElementById("addBinBtn");
|
||||
const generateCardsBtn = document.getElementById("generateCardsBtn");
|
||||
const statusMessage = document.getElementById("statusMessage");
|
||||
const binHistoryList = document.getElementById("binHistoryList");
|
||||
|
||||
// 地址管理相关元素
|
||||
const nameInput = document.getElementById("nameInput");
|
||||
const address1Input = document.getElementById("address1Input");
|
||||
const address2Input = document.getElementById("address2Input");
|
||||
const cityInput = document.getElementById("cityInput");
|
||||
const stateInput = document.getElementById("stateInput");
|
||||
const zipInput = document.getElementById("zipInput");
|
||||
const addAddressBtn = document.getElementById("addAddressBtn");
|
||||
const addressesList = document.getElementById("addressesList");
|
||||
|
||||
// 姓名管理相关元素
|
||||
const firstNameInput = document.getElementById("firstNameInput");
|
||||
const lastNameInput = document.getElementById("lastNameInput");
|
||||
const addNameBtn = document.getElementById("addNameBtn");
|
||||
const namesList = document.getElementById("namesList");
|
||||
|
||||
// 设置相关元素
|
||||
const useLuhnValidation = document.getElementById("useLuhnValidation");
|
||||
const DEFAULT_BIN = "552461xxxxxxxxxx";
|
||||
|
||||
/**
|
||||
* 格式化输入：BIN 输入框
|
||||
* 自动转大写，移除非数字/X字符
|
||||
*/
|
||||
binInput.addEventListener("input", (e) => {
|
||||
let val = e.target.value.toUpperCase();
|
||||
val = val.replace(/[^0-9X]/g, "");
|
||||
if (val.length > 19) {
|
||||
val = val.substring(0, 19);
|
||||
}
|
||||
e.target.value = val;
|
||||
});
|
||||
|
||||
/**
|
||||
* 格式化输入：粘贴处理
|
||||
* 自动补全 X，确保格式符合 16 位卡号长度
|
||||
*/
|
||||
binInput.addEventListener("blur", (e) => {
|
||||
let val = e.target.value.trim().replace(/[^0-9X]/g, "");
|
||||
// 如果长度不足且非空，自动补 X
|
||||
if (val.length > 0 && val.length < 16) {
|
||||
const currentLen = val.replace(/X/g, "").length;
|
||||
const needed = 16 - currentLen;
|
||||
val = val + "X".repeat(needed);
|
||||
}
|
||||
e.target.value = val;
|
||||
});
|
||||
|
||||
// ==========================================
|
||||
// 设置菜单逻辑
|
||||
// ==========================================
|
||||
const settingsToggleBtn = document.getElementById("settingsToggleBtn");
|
||||
const miniSettings = document.getElementById("miniSettings");
|
||||
|
||||
if (settingsToggleBtn && miniSettings) {
|
||||
settingsToggleBtn.addEventListener("click", (e) => {
|
||||
e.stopPropagation();
|
||||
miniSettings.classList.toggle("show");
|
||||
settingsToggleBtn.classList.toggle("active");
|
||||
});
|
||||
|
||||
// 点击外部关闭菜单
|
||||
document.addEventListener("click", (e) => {
|
||||
if (!miniSettings.contains(e.target) && e.target !== settingsToggleBtn && !settingsToggleBtn.contains(e.target)) {
|
||||
miniSettings.classList.remove("show");
|
||||
settingsToggleBtn.classList.remove("active");
|
||||
}
|
||||
});
|
||||
}
|
||||
|
||||
// Luhn 校验开关
|
||||
if (useLuhnValidation) {
|
||||
useLuhnValidation.addEventListener("change", () => {
|
||||
chrome.storage.local.set({
|
||||
useLuhnValidation: useLuhnValidation.checked
|
||||
});
|
||||
});
|
||||
// 初始化状态
|
||||
chrome.storage.local.get(["useLuhnValidation"], (data) => {
|
||||
if (data.useLuhnValidation !== undefined) {
|
||||
useLuhnValidation.checked = data.useLuhnValidation;
|
||||
}
|
||||
});
|
||||
}
|
||||
|
||||
// 数据源选择器逻辑
|
||||
const addressSourceSelect = document.getElementById("addressSourceSelect");
|
||||
const nameSourceSelect = document.getElementById("nameSourceSelect");
|
||||
|
||||
if (addressSourceSelect) {
|
||||
addressSourceSelect.addEventListener("change", () => {
|
||||
const val = addressSourceSelect.value;
|
||||
chrome.storage.local.set({ addressSource: val });
|
||||
console.log("✅ Address source changed to:", val);
|
||||
});
|
||||
chrome.storage.local.get(["addressSource"], (data) => {
|
||||
if (data.addressSource) {
|
||||
addressSourceSelect.value = data.addressSource;
|
||||
} else {
|
||||
// 默认设置为 static
|
||||
addressSourceSelect.value = "static";
|
||||
chrome.storage.local.set({ addressSource: "static" });
|
||||
}
|
||||
});
|
||||
}
|
||||
|
||||
if (nameSourceSelect) {
|
||||
nameSourceSelect.addEventListener("change", () => {
|
||||
const val = nameSourceSelect.value;
|
||||
chrome.storage.local.set({ nameSource: val });
|
||||
console.log("✅ Name source changed to:", val);
|
||||
});
|
||||
chrome.storage.local.get(["nameSource"], (data) => {
|
||||
if (data.nameSource) {
|
||||
nameSourceSelect.value = data.nameSource;
|
||||
} else {
|
||||
nameSourceSelect.value = "static";
|
||||
chrome.storage.local.set({ nameSource: "static" });
|
||||
}
|
||||
});
|
||||
}
|
||||
|
||||
// 初始化加载所有数据
|
||||
loadData();
|
||||
|
||||
// ==========================================
|
||||
// 标签页切换逻辑 (Tabs)
|
||||
// ==========================================
|
||||
tabs.forEach(tab => {
|
||||
tab.addEventListener("click", () => {
|
||||
const targetId = tab.dataset.tab;
|
||||
tabs.forEach(t => t.classList.remove("active"));
|
||||
tabContents.forEach(c => c.classList.remove("active"));
|
||||
|
||||
tab.classList.add("active");
|
||||
document.getElementById(targetId + "-tab").classList.add("active");
|
||||
});
|
||||
});
|
||||
|
||||
const subTabs = document.querySelectorAll(".sub-tab-btn");
|
||||
const subTabContents = document.querySelectorAll(".sub-tab-content");
|
||||
|
||||
subTabs.forEach(tab => {
|
||||
tab.addEventListener("click", () => {
|
||||
const targetId = tab.dataset.subtab;
|
||||
subTabs.forEach(t => t.classList.remove("active"));
|
||||
subTabContents.forEach(c => c.classList.remove("active"));
|
||||
|
||||
tab.classList.add("active");
|
||||
document.getElementById(targetId + "-subtab").classList.add("active");
|
||||
});
|
||||
});
|
||||
|
||||
// ==========================================
|
||||
// 核心功能：添加 BIN 和 生成卡片
|
||||
// ==========================================
|
||||
|
||||
addBinBtn.addEventListener("click", () => {
|
||||
const bin = binInput.value.trim();
|
||||
if (!bin) return;
|
||||
|
||||
chrome.storage.local.get(["binHistory"], (data) => {
|
||||
let history = data.binHistory || [];
|
||||
// 去重并添加到头部
|
||||
history = history.filter(b => b !== bin);
|
||||
history.unshift(bin);
|
||||
// 限制历史记录数量
|
||||
if (history.length > 20) history = history.slice(0, 20);
|
||||
|
||||
chrome.storage.local.set({
|
||||
binHistory: history,
|
||||
currentBin: bin
|
||||
}, () => {
|
||||
loadBinHistory();
|
||||
showToast("BIN added to history");
|
||||
});
|
||||
});
|
||||
});
|
||||
|
||||
generateCardsBtn.addEventListener("click", async () => {
|
||||
const bin = binInput.value.trim();
|
||||
if (!bin) {
|
||||
showStatus("Please enter a BIN number", "error");
|
||||
return;
|
||||
}
|
||||
if (bin.length < 6) {
|
||||
showStatus("BIN must be at least 6 digits", "error");
|
||||
return;
|
||||
}
|
||||
|
||||
const useLuhn = useLuhnValidation.checked;
|
||||
|
||||
// UI 状态更新：处理中
|
||||
generateCardsBtn.disabled = true;
|
||||
generateCardsBtn.innerHTML = "<span class=\"btn-icon\">⏳</span><span>Processing...</span>";
|
||||
|
||||
if (useLuhn) {
|
||||
showStatus("🔐 Generating cards with Luhn validation...", "loading");
|
||||
} else {
|
||||
showStatus("⚡ Generating cards...", "loading");
|
||||
}
|
||||
|
||||
// 保存 BIN 历史
|
||||
chrome.storage.local.get(["binHistory"], (data) => {
|
||||
let history = data.binHistory || [];
|
||||
history = history.filter(b => b !== bin);
|
||||
history.unshift(bin);
|
||||
if (history.length > 20) history = history.slice(0, 20);
|
||||
chrome.storage.local.set({
|
||||
binHistory: history,
|
||||
currentBin: bin
|
||||
}, () => {
|
||||
loadBinHistory();
|
||||
});
|
||||
});
|
||||
|
||||
// 发送消息给后台生成卡片
|
||||
chrome.runtime.sendMessage({
|
||||
action: "generateCards",
|
||||
bin: bin,
|
||||
useValidation: useLuhn,
|
||||
stripeTabId: null
|
||||
}, (response) => {
|
||||
if (response && response.success) {
|
||||
const luhnMsg = useLuhn ? " (Luhn validated)" : "";
|
||||
showStatus("✅ Generated " + response.cards.length + " cards" + luhnMsg + ". Filling form...", "loading");
|
||||
|
||||
// 查找 Stripe 标签页并注入填充指令
|
||||
chrome.tabs.query({
|
||||
url: ["https://checkout.stripe.com/*", "https://*.stripe.com/*"]
|
||||
}, (tabs) => {
|
||||
if (chrome.runtime.lastError) {
|
||||
resetGenerateButton();
|
||||
showStatus("❌ Error: " + chrome.runtime.lastError.message, "error");
|
||||
return;
|
||||
}
|
||||
|
||||
if (tabs.length > 0) {
|
||||
// 优先选择当前激活的标签页
|
||||
const targetTab = tabs.find(t => t.active) || tabs[0];
|
||||
chrome.tabs.sendMessage(targetTab.id, {
|
||||
action: "fillForm"
|
||||
}, (fillResponse) => {
|
||||
resetGenerateButton();
|
||||
if (chrome.runtime.lastError) {
|
||||
showStatus("❌ No Stripe checkout page found. Please open one first.", "error");
|
||||
} else {
|
||||
showStatus("Form filled!", "success");
|
||||
showToast("✅ Form filled successfully!");
|
||||
}
|
||||
});
|
||||
} else {
|
||||
resetGenerateButton();
|
||||
showStatus("❌ No Stripe checkout page found. Please open one first.", "error");
|
||||
}
|
||||
});
|
||||
} else {
|
||||
resetGenerateButton();
|
||||
showStatus("Failed to generate cards", "error");
|
||||
showToast("❌ Failed to generate cards. Try again.", "error");
|
||||
}
|
||||
});
|
||||
});
|
||||
|
||||
function resetGenerateButton() {
|
||||
generateCardsBtn.disabled = false;
|
||||
generateCardsBtn.innerHTML = "<span class=\"btn-icon\">🚀</span><span>Fill Everything</span>";
|
||||
}
|
||||
|
||||
// ==========================================
|
||||
// 历史记录管理
|
||||
// ==========================================
|
||||
|
||||
function loadBinHistory() {
|
||||
chrome.storage.local.get(["binHistory", "currentBin"], (data) => {
|
||||
const history = data.binHistory || [];
|
||||
const current = data.currentBin || DEFAULT_BIN;
|
||||
|
||||
binInput.value = current;
|
||||
binHistoryList.innerHTML = "";
|
||||
|
||||
if (history.length === 0) {
|
||||
binHistoryList.innerHTML = "<div class=\"empty\">No BINs saved yet</div>";
|
||||
return;
|
||||
}
|
||||
|
||||
history.forEach(bin => {
|
||||
const item = document.createElement("div");
|
||||
item.className = "history-item";
|
||||
|
||||
const binText = document.createElement("span");
|
||||
binText.textContent = bin;
|
||||
binText.className = "history-bin";
|
||||
binText.addEventListener("click", () => {
|
||||
binInput.value = bin;
|
||||
chrome.storage.local.set({ currentBin: bin });
|
||||
showToast("BIN selected");
|
||||
});
|
||||
|
||||
const delBtn = document.createElement("button");
|
||||
delBtn.textContent = "×";
|
||||
delBtn.className = "delete-btn";
|
||||
delBtn.addEventListener("click", (e) => {
|
||||
e.stopPropagation();
|
||||
deleteBin(bin);
|
||||
});
|
||||
|
||||
item.appendChild(binText);
|
||||
item.appendChild(delBtn);
|
||||
binHistoryList.appendChild(item);
|
||||
});
|
||||
});
|
||||
}
|
||||
|
||||
function deleteBin(bin) {
|
||||
chrome.storage.local.get(["binHistory"], (data) => {
|
||||
let history = data.binHistory || [];
|
||||
history = history.filter(b => b !== bin);
|
||||
chrome.storage.local.set({ binHistory: history }, () => {
|
||||
loadBinHistory();
|
||||
showToast("BIN deleted");
|
||||
});
|
||||
});
|
||||
}
|
||||
|
||||
// ==========================================
|
||||
// 地址管理
|
||||
// ==========================================
|
||||
|
||||
addAddressBtn.addEventListener("click", () => {
|
||||
const name = nameInput.value.trim();
|
||||
const addr1 = address1Input.value.trim();
|
||||
const addr2 = address2Input.value.trim();
|
||||
const city = cityInput.value.trim();
|
||||
const state = stateInput.value.trim();
|
||||
const zip = zipInput.value.trim();
|
||||
|
||||
if (!name || !addr1 || !city || !state || !zip) {
|
||||
showToast("Please fill all required fields", "error");
|
||||
return;
|
||||
}
|
||||
|
||||
// 简单的姓名拆分逻辑
|
||||
const nameParts = name.split(" ");
|
||||
const first = nameParts[0] || name;
|
||||
const last = nameParts.slice(1).join(" ") || nameParts[0];
|
||||
|
||||
const newAddr = {
|
||||
id: Date.now(),
|
||||
name: name,
|
||||
firstName: first,
|
||||
lastName: last,
|
||||
address1: addr1,
|
||||
address2: addr2,
|
||||
city: city,
|
||||
state: state,
|
||||
stateCode: getStateCode(state), // 转换州简写 (如 California -> CA)
|
||||
postal: zip,
|
||||
countryText: "United States",
|
||||
countryValue: "US"
|
||||
};
|
||||
|
||||
chrome.storage.local.get(["customAddresses"], (data) => {
|
||||
const list = data.customAddresses || [];
|
||||
list.push(newAddr);
|
||||
chrome.storage.local.set({ customAddresses: list }, () => {
|
||||
clearAddressInputs();
|
||||
loadAddresses();
|
||||
showToast("Address added");
|
||||
});
|
||||
});
|
||||
});
|
||||
|
||||
function clearAddressInputs() {
|
||||
nameInput.value = "";
|
||||
address1Input.value = "";
|
||||
address2Input.value = "";
|
||||
cityInput.value = "";
|
||||
stateInput.value = "";
|
||||
zipInput.value = "";
|
||||
}
|
||||
|
||||
function loadAddresses() {
|
||||
chrome.storage.local.get(["customAddresses"], (data) => {
|
||||
const list = data.customAddresses || [];
|
||||
addressesList.innerHTML = "";
|
||||
|
||||
if (list.length === 0) {
|
||||
addressesList.innerHTML = "<div class=\"empty\">No addresses saved yet</div>";
|
||||
return;
|
||||
}
|
||||
|
||||
list.forEach(addr => {
|
||||
const item = document.createElement("div");
|
||||
item.className = "list-item";
|
||||
|
||||
const info = document.createElement("div");
|
||||
info.className = "item-info";
|
||||
info.innerHTML = `
|
||||
<strong>${addr.name}</strong><br>
|
||||
<small>${addr.address1}${addr.address2 ? ", " + addr.address2 : ""}<br>
|
||||
${addr.city}, ${addr.state} ${addr.postal}</small>
|
||||
`;
|
||||
|
||||
const delBtn = document.createElement("button");
|
||||
delBtn.textContent = "×";
|
||||
delBtn.className = "delete-btn";
|
||||
delBtn.addEventListener("click", () => deleteAddress(addr.id));
|
||||
|
||||
item.appendChild(info);
|
||||
item.appendChild(delBtn);
|
||||
addressesList.appendChild(item);
|
||||
});
|
||||
});
|
||||
}
|
||||
|
||||
function deleteAddress(id) {
|
||||
chrome.storage.local.get(["customAddresses"], (data) => {
|
||||
let list = data.customAddresses || [];
|
||||
list = list.filter(item => item.id !== id);
|
||||
chrome.storage.local.set({ customAddresses: list }, () => {
|
||||
loadAddresses();
|
||||
showToast("Address deleted");
|
||||
});
|
||||
});
|
||||
}
|
||||
|
||||
// ==========================================
|
||||
// 姓名管理
|
||||
// ==========================================
|
||||
|
||||
addNameBtn.addEventListener("click", () => {
|
||||
const first = firstNameInput.value.trim();
|
||||
const last = lastNameInput.value.trim();
|
||||
|
||||
if (!first || !last) {
|
||||
showToast("Please enter both first and last name", "error");
|
||||
return;
|
||||
}
|
||||
|
||||
const newName = {
|
||||
id: Date.now(),
|
||||
firstName: first,
|
||||
lastName: last,
|
||||
fullName: first + " " + last
|
||||
};
|
||||
|
||||
chrome.storage.local.get(["customNames"], (data) => {
|
||||
const list = data.customNames || [];
|
||||
list.push(newName);
|
||||
chrome.storage.local.set({ customNames: list }, () => {
|
||||
firstNameInput.value = "";
|
||||
lastNameInput.value = "";
|
||||
loadNames();
|
||||
showToast("Name added");
|
||||
});
|
||||
});
|
||||
});
|
||||
|
||||
function loadNames() {
|
||||
chrome.storage.local.get(["customNames"], (data) => {
|
||||
const list = data.customNames || [];
|
||||
namesList.innerHTML = "";
|
||||
|
||||
if (list.length === 0) {
|
||||
namesList.innerHTML = "<div class=\"empty\">No names saved yet</div>";
|
||||
return;
|
||||
}
|
||||
|
||||
list.forEach(item => {
|
||||
const div = document.createElement("div");
|
||||
div.className = "list-item";
|
||||
|
||||
const info = document.createElement("div");
|
||||
info.className = "item-info";
|
||||
info.innerHTML = `<strong>${item.fullName}</strong>`;
|
||||
|
||||
const delBtn = document.createElement("button");
|
||||
delBtn.textContent = "×";
|
||||
delBtn.className = "delete-btn";
|
||||
delBtn.addEventListener("click", () => deleteName(item.id));
|
||||
|
||||
div.appendChild(info);
|
||||
div.appendChild(delBtn);
|
||||
namesList.appendChild(div);
|
||||
});
|
||||
});
|
||||
}
|
||||
|
||||
function deleteName(id) {
|
||||
chrome.storage.local.get(["customNames"], (data) => {
|
||||
let list = data.customNames || [];
|
||||
list = list.filter(item => item.id !== id);
|
||||
chrome.storage.local.set({ customNames: list }, () => {
|
||||
loadNames();
|
||||
showToast("Name deleted");
|
||||
});
|
||||
});
|
||||
}
|
||||
|
||||
// ==========================================
|
||||
// 辅助工具函数
|
||||
// ==========================================
|
||||
|
||||
/**
|
||||
* 将州全称转换为两字母缩写 (用于表单匹配)
|
||||
*/
|
||||
function getStateCode(stateName) {
|
||||
const map = {
|
||||
Alabama: "AL", Alaska: "AK", Arizona: "AZ", Arkansas: "AR", California: "CA",
|
||||
Colorado: "CO", Connecticut: "CT", Delaware: "DE", Florida: "FL", Georgia: "GA",
|
||||
Hawaii: "HI", Idaho: "ID", Illinois: "IL", Indiana: "IN", Iowa: "IA",
|
||||
Kansas: "KS", Kentucky: "KY", Louisiana: "LA", Maine: "ME", Maryland: "MD",
|
||||
Massachusetts: "MA", Michigan: "MI", Minnesota: "MN", Mississippi: "MS", Missouri: "MO",
|
||||
Montana: "MT", Nebraska: "NE", Nevada: "NV", "New Hampshire": "NH", "New Jersey": "NJ",
|
||||
"New Mexico": "NM", "New York": "NY", "North Carolina": "NC", "North Dakota": "ND", Ohio: "OH",
|
||||
Oklahoma: "OK", Oregon: "OR", Pennsylvania: "PA", "Rhode Island": "RI", "South Carolina": "SC",
|
||||
"South Dakota": "SD", Tennessee: "TN", Texas: "TX", Utah: "UT", Vermont: "VT",
|
||||
Virginia: "VA", Washington: "WA", "West Virginia": "WV", Wisconsin: "WI", Wyoming: "WY"
|
||||
};
|
||||
return map[stateName] || stateName.substring(0, 2).toUpperCase();
|
||||
}
|
||||
|
||||
function showStatus(msg, type = "") {
|
||||
statusMessage.textContent = msg;
|
||||
statusMessage.className = "status-message " + type;
|
||||
statusMessage.style.display = "block";
|
||||
|
||||
if (type === "success" || type === "error") {
|
||||
setTimeout(() => {
|
||||
statusMessage.style.display = "none";
|
||||
}, 5000);
|
||||
}
|
||||
}
|
||||
|
||||
function showToast(msg, type = "success") {
|
||||
const toast = document.createElement("div");
|
||||
toast.className = "toast " + type;
|
||||
toast.textContent = msg;
|
||||
document.body.appendChild(toast);
|
||||
|
||||
// 动画显示
|
||||
setTimeout(() => {
|
||||
toast.classList.add("show");
|
||||
}, 10);
|
||||
|
||||
// 自动消失
|
||||
setTimeout(() => {
|
||||
toast.classList.remove("show");
|
||||
setTimeout(() => toast.remove(), 300);
|
||||
}, 2000);
|
||||
}
|
||||
|
||||
function loadData() {
|
||||
loadBinHistory();
|
||||
loadAddresses();
|
||||
loadNames();
|
||||
}
|
||||
|
||||
// ==========================================
|
||||
// Telegram 广告弹窗逻辑
|
||||
// ==========================================
|
||||
|
||||
const telegramModal = document.getElementById("telegramModal");
|
||||
const modalCloseBtn = document.getElementById("modalCloseBtn");
|
||||
const modalTimer = document.getElementById("modalTimer");
|
||||
let countdownInterval = null;
|
||||
let autoCloseTimeout = null;
|
||||
|
||||
function showTelegramModal() {
|
||||
telegramModal.classList.add("show");
|
||||
let seconds = 5;
|
||||
modalTimer.textContent = seconds;
|
||||
|
||||
// 倒计时
|
||||
countdownInterval = setInterval(() => {
|
||||
seconds--;
|
||||
if (seconds > 0) {
|
||||
modalTimer.textContent = seconds;
|
||||
} else {
|
||||
modalTimer.textContent = "0";
|
||||
clearInterval(countdownInterval);
|
||||
}
|
||||
}, 1000);
|
||||
|
||||
// 5秒后自动关闭
|
||||
autoCloseTimeout = setTimeout(() => {
|
||||
closeTelegramModal();
|
||||
}, 5000);
|
||||
}
|
||||
|
||||
function closeTelegramModal() {
|
||||
telegramModal.classList.remove("show");
|
||||
if (countdownInterval) {
|
||||
clearInterval(countdownInterval);
|
||||
countdownInterval = null;
|
||||
}
|
||||
if (autoCloseTimeout) {
|
||||
clearTimeout(autoCloseTimeout);
|
||||
autoCloseTimeout = null;
|
||||
}
|
||||
}
|
||||
|
||||
if (modalCloseBtn) {
|
||||
modalCloseBtn.addEventListener("click", (e) => {
|
||||
e.preventDefault();
|
||||
closeTelegramModal();
|
||||
});
|
||||
}
|
||||
|
||||
// 延迟显示广告，避免一打开就弹
|
||||
if (telegramModal && modalCloseBtn && modalTimer) {
|
||||
setTimeout(() => {
|
||||
showTelegramModal();
|
||||
}, 300);
|
||||
}
|
||||
1486
styles.css
Normal file
1486
styles.css
Normal file
File diff suppressed because it is too large
Load Diff
Reference in New Issue
Block a user