- 剪贴板(Clipboard)
- 操作系统提供的临时数据存储区域,用于在应用程序之间传递文本、图片等数据。用户执行复制(Ctrl+C)时,数据被写入剪贴板;执行粘贴(Ctrl+V)时,数据从剪贴板读取到目标位置。剪贴板通常只能保存一次复制的内容,新内容会覆盖旧内容。
- Clipboard API
- 浏览器提供的 JavaScript 接口,允许网页程序读取和写入系统剪贴板。现代浏览器通过
navigator.clipboard对象提供该 API,支持异步读写操作。出于安全考虑,Clipboard API 仅在安全上下文(HTTPS 或 localhost)下可用,且需要用户授权。 - 粘贴事件(Paste Event)
- 当用户在网页中执行粘贴操作(Ctrl+V / Cmd+V)时触发的 DOM 事件。通过监听
paste事件,网页程序可以获取用户粘贴的文本内容。这是最基础的剪贴板读取方式,无需特殊权限,兼容所有主流浏览器。 - 轮询监控(Polling)
- 一种定时检查机制。在本工具中,轮询监控指每隔固定时间(1.5 秒)主动调用 Clipboard API 读取剪贴板内容,与上次读取的内容进行比对。如果内容发生变化,则判定为新的复制操作并记录。轮询的优点是不依赖用户的粘贴行为,缺点是有微小的延迟。
- localStorage
- Web 浏览器提供的本地存储机制,允许网页将数据以键值对的形式持久化保存在用户设备上。数据容量通常为 5-10MB,以明文形式存储,同源(相同域名和协议)的页面可以自由读写。关闭浏览器后数据不会丢失,但手动清除浏览器缓存会删除所有 localStorage 数据。
- 手动模式
- 本工具的一种工作模式。在此模式下,只有用户执行粘贴操作(Ctrl+V)时才会记录剪贴板内容。该模式不会主动轮询剪贴板,因此对系统资源消耗更低,且用户对记录范围有更精确的控制。
- 监控模式
- 本工具的另一种工作模式。在此模式下,工具通过 Clipboard API 每 1.5 秒自动轮询系统剪贴板,检测内容变化并自动记录。用户无需执行粘贴操作即可完成记录,适合需要全自动记录的场景。
- 固定记录 / 置顶
- 将特定历史记录条目标记为"固定"状态的功能。被固定的条目会始终显示在历史列表的顶部位置,不会因为新增记录而被推到后面。适合需要反复使用的重要文本片段。
- JSON 导出
- 将所有历史记录数据序列化为 JSON(JavaScript Object Notation)格式并提供下载的功能。JSON 是一种轻量级的数据交换格式,易于人类阅读和机器解析。导出的文件可以作为数据备份,在不同设备或浏览器之间迁移数据时使用。
- 安全上下文(Secure Context)
- 浏览器定义的一种页面运行环境,要求通过 HTTPS 协议加载或在本地服务器(localhost)下运行。Clipboard API 等敏感浏览器 API 仅在安全上下文中可用,以防止恶意网站在不安全的连接中窃取用户剪贴板数据。
- 先进先出(FIFO)
- First In, First Out,一种数据管理策略。在本工具中,当历史记录数量达到 200 条上限时,系统会自动移除最早添加的记录(除非该记录被固定),为新记录腾出空间。这确保了最近使用的内容优先被保留。
- 权限(Permission)
- 浏览器对敏感 API 的访问控制机制。使用 Clipboard API 的
readText()方法读取剪贴板时,浏览器会弹出权限请求对话框,用户需要明确允许网页访问剪贴板。权限授予后,同源页面在当前会话中无需再次请求。
文本去重工具 - 行重复检测与删除
在线文本去重工具,检测并删除重复行,支持保留首次出现或删除全部重复行,快速清理数据。
Unicode字符表 - 在线浏览与复制符号
按区块浏览Unicode字符,支持搜索和点击复制,覆盖拉丁、数学符号、箭头等常用区块。
Cache API 浏览器 - 查看与删除Service Worker缓存
枚举当前域下所有Cache Storage,查看条目详情,手动删除缓存,辅助PWA开发调试。
滚动进度条生成 - 页面阅读指示器
生成固定在页面顶部或底部的滚动进度条,显示当前阅读进度。
浏览器存储配额估算器 - 检查剩余可用空间
调用 StorageManager API 获取当前源的总配额和使用量,显示剩余可用空间。
步骤进度条生成器 - 多步表单指示器
生成包含已完成、活跃、未完成状态的横向步骤进度指示器HTML/CSS。
Service Worker生成器 - 基础缓存策略配置
选择缓存策略(Network First, Cache First等),填写预缓存文件列表,生成sw.js文件。
像素字体样本查看器 - 预览并复制CSS
浏览专用于像素风游戏的免费字体,输入文字实时预览并获取引入代码。
文件大小单位换算 - Bytes/KB/MB/GB/TB互转
输入数值,即时在字节、千字节、兆字节等之间转换。
图标库速查表 - Font Awesome 6实时搜索
搜索并实时过滤所有FA6免费图标,点击直接复制 `<i>` 标签或Unicode。
设备内存 (deviceMemory) 检测器 - 前端按需降级
显示navigator.deviceMemory数值,并给出基于内存的代码分割与功能降级建议。
收据/收条生成器 - 收款确认单
快速制作包含收款人、金额、事由的简易收款收据图片。
文件传输时间计算器 - 带宽换算
输入文件大小和网络带宽,估算上传或下载所需的时间。
轻量库存管理 - localStorage物品出入库
记录物品名称、数量,执行入库出库操作,自动计算剩余量,数据保存在浏览器。
PDF合并工具 - 前端合并多个PDF文件
选择多个PDF,调整顺序后使用pdf-lib合并成一个新PDF,本地处理安全。
语义版本范围测试器 - 检查版本是否满足约束
输入目标版本和范围表达式(如 ^1.2.3),判断是否匹配,帮助理解依赖解析规则。
局域网速度估测 - 文件传输时间模拟
根据已知带宽或手动输入,估算传输指定大小文件所需时间。
MIME类型查询工具 - 文件扩展名与MIME互查
输入文件扩展名或MIME类型,查询对应的标准媒体类型,涵盖常见文档、图片、音视频格式。
Lorem Pixel 占位图生成器 - 指定尺寸类别
生成指定宽度和高度的占位图片,可选择类别(自然、人物、抽象)和灰度。
文件下载时间计算器 - 网速与文件大小
输入文件大小和网络速度,计算预计下载时长。
简易简历生成器 - 填写信息导出PDF
按步骤填写个人信息、经历和技能,套用简洁模板生成一页简历PDF(前端打印)。
原生懒加载标签生成 - loading=lazy批量
为图片/iframe列表自动添加loading='lazy'属性及fallback,优化页面性能。
Storage Buckets API 实验室 - 分区存储策略
创建多个存储桶,分别设置持久化与配额策略,管理不同业务数据的存储优先级与驱逐顺序。
步骤进度指示器生成器 - 多步流程可视化
设置步骤数量和当前步骤,生成带连线的步骤进度条,常用于结账或表单引导。
LL(1) 分析表生成器 - 上下文无关文法解析
输入 CFG,计算 FIRST/FOLLOW 集并生成 LL(1) 分析表,标注冲突。
纸上原型拼接 - 快速线框屏幕流
提供常见UI组件的粗线框风格,拖拽拼接屏幕流程。
足球换人记录板 - 管理上场人次与位置
记录上场、换下球员及时间,确保符合换人限额。
游戏收藏架 - 电子/桌游拥有与通关记录
添加拥有的电子游戏或桌游,标记通关/游玩进度与评分。
步数手动记录器 - 无手环也能统计
每天手动输入步数或读手机健康数据,查看周月趋势。
每日饮水打卡表 - 每小时勾选一杯
从早8点到晚8点每小时一杯,勾选达成,可视化每日达标率。
UD5工具箱