东土百宝箱 DongtuBox

功能 CSS 取色器 JSON 格式化 正则测试 Base64 编解码 时间戳转换 二维码生成

功能

CSS 取色器

  • 点击「吸取屏幕颜色」进入全屏取色模式
  • 鼠标移动即可实时取色,带 15×15 像素放大镜(含像素网格与中心高亮框)与全屏十字线
  • 放大镜实时显示当前颜色的 HEX 值
  • 单击确认后回填主面板,自动生成:
    • HEX(如 #5B8CFF)
    • RGB(如 91, 140, 255)
    • HSL(如 220, 100%, 68%)
    • CSS(如 color: #5b8cff;)
  • 每个色值可一键复制
  • 历史色板:每次取色自动入板(最多 30 个,自动去重),点击色块复制,支持清空 / 复制全部
  • 按 Esc 或右键可随时取消取色

JSON 格式化

  • 格式化(2 / 4 空格缩进)、压缩成一行(显示省了多少字符)
  • 转义为 JSON 字符串字面量、去转义
  • 报错精确定位:不是丢一句英文报错,而是「第 3 行第 8 列:这里有个多余的 ‘,’」
  • 读剪贴板 / 复制结果 / 存成 .json 文件

正则测试

  • 实时高亮全部匹配,勾选 g i m s u 开关
  • 匹配明细:序号、字符位置区间、命中内容、各捕获分组
  • 替换预览(支持 $1 $2 反向引用)
  • 零宽匹配(如 (?=x))做了防死循环处理

Base64 编解码

  • 文本 ⇄ Base64 双向转换,走 TextEncoder/TextDecoder,中文与 emoji 不乱码
  • 可选 URL 安全模式(+ / 换成 - _)、每 76 字符换行
  • 左右交换、读剪贴板、一键复制

时间戳转换

  • 顶部实时显示当前时间戳(秒 / 毫秒可切)
  • 时间戳 → 日期:自动识别 10 位(秒)与 13 位(毫秒),输出本地时间、UTC、ISO 8601、相对现在
  • 日期 → 时间戳:支持 2026-10-12 11:39:50、2026/10/12、ISO 等写法
  • 快捷「填当前」「填今天 0 点」

二维码生成

  • 文本转二维码,尺寸 128–640 可调,纠错等级 L/M/Q/H
  • 纯 canvas 绘制(整数倍缩放,边缘不糊),保存 PNG 到本地
  • 中文按 UTF-8 编码进矩阵,扫码不会乱码

Previous Post

Next Post

发表回复

您的邮箱地址不会被公开。 必填项已用 * 标注

Latest News

View All

About the Author

每个人都有自己得时区,在自己得时区里,一切都是准时的。

BlockSpare — News, Magazine and Blog Addons for (Gutenberg) Block Editor

You May Have Missed