自制条形码批量生成工具（纯HTML，巴枪扫码专用）
工具地址：本文末尾附完整源码，复制另存为
.html即可本地使用，无需安装任何软件。
功能介绍
核心功能
- 批量输入：在左侧文本框里每行粘贴一个单号，实时自动生成条码，无需点按钮
- FORMAT：固定使用
CODE128格式，兼容快递单号（数字+字母+特殊字符全支持） - 尺寸调节：两个滑块分别控制条宽和高度，条宽越大巴枪越容易读取
勾选与导出
这是这个工具最实用的功能，专门为「扫码出问题时需要重发」的场景设计：
- 用巴枪扫完一批条码，发现有 20 条扫描失败
- 在页面上勾选这 20 条（点击卡片即可选中）
- 点「生成图片」→ 弹出预览窗口
- 点「复制图片」→ 图片直接进剪贴板，粘贴发微信/钉钉给同事
- 或在图片上右键 → 复制图片
仅保留已选
勾选有问题的条码后，点「仅保留已选」，输入框里的内容会自动更新，只剩下你勾选的那几条单号。可以直接复制出去重新查单号状态。操作完还可以点「↩ 复原」回到完整列表。
其他细节
- 全选 / 取消选择
- 生成的图片宽度自适应条码宽度，没有多余的右侧空白
- 图片为 2× 分辨率，清晰不模糊
- 生成几百条也不卡，渲染分帧进行
使用方法
- 下载本文末尾的 HTML 源码，保存为
条形码生成器.html - 双击用浏览器打开（推荐 Chrome / Edge）
- 把单号粘贴进左侧文本框，一行一个
- 将屏幕对准巴枪扫描，或勾选后生成图片发给别人
效果截图
左侧输入区 + 右侧条码列表，勾选后顶部出现蓝色操作栏
┌─────────────────┬──────────────────────────────────────┐
│ 输入内容 │ [已选 3 个] 生成图片 仅保留已选 取消 │
│ ├──────────────────────────────────────┤
│ SF1234567890 │ ☑ #01 ████ ██ █ ███ ███ ██████ │
│ YT9876543210 │ SF1234567890 │
│ ZTO2024050100 │ ☑ #02 ██ █████ ██ █ ████ ██ ██ │
│ │ YT9876543210 │
│ 共 3 个条码 │ ☑ #03 ██████ █ ██ ████ ████ ██ │
│ │ ZTO2024050100 │
│ 条宽 ══●══ 3 │ │
│ 高度 ══●══ 90 │ │
│ │ │
│ [清空内容] │ │
└─────────────────┴──────────────────────────────────────┘
可配置参数
打开 HTML 文件，最顶部有三个变量可以直接改：
const DEFAULT_BAR_WIDTH = 3; // 条宽（推荐 1–4，越大越易扫）
const DEFAULT_BAR_HEIGHT = 90; // 条码高度，单位 px
const BARCODE_SIDE_MARGIN = 8; // 图片左右留白，单位 px
源码
完整源码如下，复制全部内容另存为
.html文件即可使用。依赖库 JsBarcode 通过 CDN 加载（需联网第一次加载，之后浏览器会缓存）。
→ 完整 HTML 源码附在下方代码块中