Skip to content

Repository files navigation

剪贴板里有什么?

What's in Your Clipboard?

极客风 · 纯前端 · 绝对隐私的剪贴板内容透视工具 A geeky, pure-frontend, absolutely-private clipboard inspector.

▶ 在线体验 · Live Demo

在线版走 HTTPS,剪贴板 API 全程可用;建议用 Chrome / Edge 打开以获得最佳玻璃质感。


着陆页 · Landing 识别结果 · Result

左:着陆页 · Landing | 右:URL 识别的骨相(Hex)× 皮相(渲染)分屏 · Split view


简介 · Introduction

中文

「剪贴板里有什么?」是一个纯前端网页应用。它利用现代浏览器的 Clipboard API 读取你的剪贴板内容,对其进行智能分类解析,并以左右分栏的方式可视化展示:左侧呈现原始底层数据(Hex 矩阵),右侧呈现精美的渲染视图。底部还提供由 JSON 驱动的「下一步你要…」动作引擎,为你推荐相关操作外链或可复制的终端指令。

所有计算均在本地浏览器沙箱内完成,不向任何云端上传一个字节

English

What's in Your Clipboard? is a pure-frontend web app. It reads your clipboard via the browser Clipboard API, intelligently classifies the content, and visualizes it in a split view: raw low-level data (Hex matrix) on the left, a polished rendered view on the right. A JSON-driven "What's next…" action engine at the bottom recommends related links and copy-ready terminal snippets.

Everything runs locally inside the browser sandbox — not a single byte is uploaded to any cloud.


核心特性 · Features

  • 绝对隐私 / Absolute Privacy — 纯本地沙箱运行,零上传;一切外链遵循「点击才出去」。
  • 骨相 × 皮相 / Hex × Render — 左侧底层 Hex,右侧类型化渲染视图。
  • 液态玻璃 / Liquid Glass — SVG 折射玻璃走 filter:url() 通道,在 Chromium 内核(Chrome / Edge)上表现最佳;轻盈有力的物理化交互动效(无回弹的玻璃滑停曲线)。
  • OOP 识别树 / Classifier Tree — 文本、文件、多媒体、编码脚本的瀑布流判定,支持多重解读。
  • 隐写透视 / Steganography X-ray — 揪出肉眼看不见的隐藏字符(Unicode Tag 走私、变体选择器、零宽二进制、bidi 欺骗)并还原藏匿内容。
  • 编解码工具箱 / Codec Toolbox — 35 编码 + 58 密码本地互转,含接审计 C 库编译的重型加密(AES/DES/3DES/RC4/ChaCha20/RSA/SM4/SM2);进箱即智能嗅探、自动浮出可解候选。
  • WASM 高性能层 / WASM Core — Hex Dump、Hash、PE 头解析、重型密码算法下沉到 WebAssembly。
  • JSON 动作引擎 / JSON Action Engine — 「下一步你要…」按钮由配置驱动,支持外链查证、本地复制、解码、文件下载、纯本地二维码与上下文感知动态动作(零依赖、不外发)。
  • 本地媒体工坊 / Local Media Lab — 图片转格式·缩放·旋转、视频抽帧,全程 canvas 内存处理。

技术栈 · Tech Stack

层 / Layer 技术 / Technology
表现层 / UI HTML5 + 现代 CSS3(液态玻璃:filter:url() SVG 折射 + 物理化交互动效,Chromium 内核表现最佳)
视觉系统 / VIS FairyGlass 微蓝暗色液态玻璃设计系统(本项目 css/ 即其母本)
逻辑层 / Logic 原生 JavaScript(ES6+ 模块化)
计算层 / Core WebAssembly(C 编译,经 emscripten)

快速开始 · Quick Start

中文

需要装 Python 3(只用它的标准库起本地服务器,无任何第三方依赖)。

  • Windows:双击 启动.bat
  • macOS:双击 start.command
  • Linux / 任意终端:在项目目录执行 ./start.shpython3 start.py

它会起一个本地静态服务器,并自动用 Chrome / Edge 打开(液态玻璃的 SVG 折射在 Chromium 内核上表现最稳;找不到时会提示你安装)。

为什么不能直接双击 index.html?本项目用 ES module + WebAssembly,file:// 协议下会被浏览器 CORS 拦截、.wasm 也无法以 application/wasm 流式加载,必须经 http(s)。

python3 start.py            # 默认端口 8123,起服务器并自动开浏览器
python3 start.py 9000       # 指定端口
python3 start.py --no-open  # 不自动开浏览器(远程/无头环境)

English

Requires Python 3 (standard library only — zero third-party dependencies).

  • Windows: double-click 启动.bat
  • macOS: double-click start.command
  • Linux / any terminal: run ./start.sh or python3 start.py in the project directory

It starts a local static server and opens Chrome / Edge automatically (liquid glass's SVG refraction is most reliable on Chromium; if none is found, it prints an install hint).

Why not just open index.html directly? This project uses ES modules + WebAssembly; under file:// the browser blocks them via CORS and .wasm can't be streamed as application/wasm. It must be served over http(s).


浏览器兼容性 · Browser Compatibility

中文

  • 服务器部署(推荐):把整个目录挂到任意 Web 服务器(Nginx / GitHub Pages / VS Code Live Server 等)访问时,所有主流浏览器均正常,包括 Firefox
  • 本地双击启动:用本地一键脚本(start.py / 启动.bat)在 Firefox 里打开时,液态玻璃首帧偶发渲染异常(大标题与玻璃折射错乱)——点任意链接跳走再点浏览器「返回」即可恢复正常。根因是 Firefox 对 SVG <feImage> 的位移贴图 data URL 采取异步解码,首帧位移图尚未就绪;本地服务器与页面加载时序恰好触发,服务器部署环境则不复现。故本地启动脚本默认用 Chrome / Edge(Chromium 内核)打开以规避该现象。

English

  • Server deployment (recommended): served from any web server (Nginx / GitHub Pages / VS Code Live Server, etc.), all major browsers work fine, Firefox included.
  • Local double-click launch: when opened in Firefox via the local one-click scripts (start.py / 启动.bat), liquid glass may glitch on the first frame (title and refraction garbled) — navigate to any link and hit the browser's Back button to restore it. The root cause is Firefox decoding the SVG <feImage> displacement-map data URL asynchronously, so the first frame renders before the map is ready; the local server's load timing happens to trigger it, while server-deployed environments don't reproduce it. Hence the local launch scripts default to opening Chrome / Edge (Chromium) to sidestep this.

开发状态 · Status

● v1.1 已发布 · v1.1 Released — 识别、解码工具箱、深度动作、重型加密全部落地并自检通过,可日常使用。 All features — recognition, the codec toolbox, deep actions, and heavy-weight cryptography — are implemented and self-tested, ready for daily use.

已完成 · Done

  • 应用外壳、状态机、液态玻璃 UI(着陆页下方含能力看板)+ 完整 i18n(中/英)
  • 40+ 分类器(瀑布流 + 多重解读 classifyAll):URL / 敏感信息打码 / JSON·CSV·Markdown·SQL·Cron·UA / 身份证·手机·银行卡·IP·IPv6·MAC·车牌 / 收货地址 / 坐标·地图 / 数学·ISBN·快递·文件路径 / 古诗词·词牌·外语·emoji / 三角洲改枪码 / 商品条码 / 分享码 / 文件(PE·ZIP·PDF·ELF·证书) / 图片·音频·视频(EXIF·ID3·分辨率等深挖)
  • 隐写透视:揪出肉眼看不见的隐藏字符——Unicode Tag 走私、变体选择器隐写、零宽二进制、bidi 视觉欺骗,还原藏进去的内容
  • OllyDbg 风格自适应 Hex 表格(竖向滚动、不横向溢出)+ 多内容智能分段
  • 解码工具箱(厚玻璃·选中蓝光·智能嗅探自动浮出候选):35 种编码 + 58 种密码本地解码
    • 编码:Base16/32/36/45/58/62/64/91/100/2048/65536、ASCII85、uu/xx、ecoji、radix 系列、UTF-7、punycode 等
    • 古典密码:ROT 族 / Atbash / Caesar / Vigenère / 网格族(Bifid·Trifid·Playfair·ADFGX·Nihilist·Hill 等)
    • 中式趣味:社会主义核心价值观 / 当铺 / 天干地支 / 百家姓 / 元素周期表 / ROT8000
    • CTF:盲文 / DNA / 摩尔斯 / Baudot / BubbleBabble / Brainfuck / Ook! / 零宽字符 / 凯撒盒 等
    • 重型加密(接审计 C 库编 WASM,未手抄一行算法):AES / DES / 3DES / RC4 / ChaCha20 / RSA(mbedTLS)+ SM4 / SM2(GmSSL)
  • 「下一步你要…」动作引擎:外链查证 / 本地复制 / 解码 / 文件下载 / 纯本地零依赖二维码;上下文感知动态动作(URL 站点专属、图片 GPS→地图);按意图分组
  • 本地媒体工坊:图片转格式·缩放·旋转、视频抽帧,全程 canvas 内存处理、零外发
  • WASM 计算层:Hex Dump / PE 解析 / MD5 / SHA-1 / SHA-256(selftest.mjs 11 项全过)

致谢 · Acknowledgements

编解码与密码学功能的设计参考了 ToolsFx(作者 Leon406,ISC License)——一个优秀的跨平台密码学工具箱。其完备的编码族与 CTF 工具清单为本项目的「编码类」识别提供了重要参考。在此特别鸣谢。

The encoding & cryptography features are inspired by ToolsFx by Leon406 (ISC License), an excellent cross-platform cryptography toolbox. Many thanks for its comprehensive list of codecs and CTF tools.

部分编解码算法移植自 CyberChef(© Crown Copyright,Apache-2.0 License)——GCHQ 出品的「网络瑞士军刀」。其纯 JavaScript 的算法实现为本项目的编码族移植提供了直接参考。

重型加密不手抄任何密码算法,一律接经审计的开源 C 密码库编译为 WASM:AES/DES/3DES/RC4/ChaCha20/RSA 用 Mbed TLS(Apache-2.0),SM4/SM2 用 GmSSL(Apache-2.0)。上述所有第三方署名与许可证声明详见 NOTICE 文件。

Some codec algorithms are ported from CyberChef (© Crown Copyright, Apache-2.0 License), GCHQ's "Cyber Swiss Army Knife".

Heavy-duty cryptography hand-writes no cipher algorithm — it compiles audited open-source C crypto libraries to WASM: Mbed TLS (Apache-2.0) for AES/DES/3DES/RC4/ChaCha20/RSA, and GmSSL (Apache-2.0) for SM4/SM2. See the NOTICE file for all third-party attributions and license notices.


许可证 · License

MIT © 2026 Henglie

About

剪贴板里有什么?纯前端 + WASM 的剪贴板内容透视工具,绝对隐私零上传。30+ 智能分类器、解码工具箱、液态玻璃 UI。A pure-frontend clipboard inspector, absolutely private.

Topics

Resources

Stars

6 stars

Watchers

0 watching

Forks

Releases

Packages

Contributors

Languages