找特殊符号这件事,我原本以为十分钟能搞定。为了给一份表格加几条分隔线,我在搜索引擎里翻了十几页符号网站,最后关掉浏览器自己写了一个。21 个分类,2800 多个特殊符号和 emoji 符号,鼠标悬停放大、点一下复制,网址是 gugegt.com/tools/emoji。
事情本来很小
九月头上,我在整理一份文档。要干的事只有三件:给公众号的配图说明加几个箭头,在 Excel 的三段内容之间插一条横线,顺手把微信昵称后面挂个 ✦。
这种活儿没有技术含量。总共需要六七个符号,找齐了粘贴进去就算完。
结果那天下午,我在符号网站上耗掉四十分钟。
那些站到底卡在哪儿
我按关键词一路点下去,遇到的情况大概是这几类。
有个站我印象很深,屏幕上一半是推广位,符号表格缩在右下角,鼠标一滑过就弹出悬浮层,关掉之后又弹一次。我数了下,关广告的动作做了五次,符号才复制成功一个。
还有的站,点了符号会跳到另一个页面,中间加载两秒,到了新页面得手动全选、右键、复制。也有把符号做成图片的,鼠标选不中文字,你要的是几个字符,它给你一张 32×32 的 PNG。
分类看着多,点进去是空的。左侧列表列了二十几行,点「箭头」进去只有十二个,点「爱心」六个,颜文字八条。最离谱的一个站,同一个符号在三个分类里都出现了一遍,像是从别处扒来凑数的。
颜文字更惨。它们普遍五到十六个字符宽,塞进跟单字符一样大的格子,(╯°□°)╯︵ ┻━┻ 立刻变成两行,下半截直接看不见。点复制还是能复制,但你已经不确定自己复制的是不是完整的那一条。
手机打开又是另一回事。电脑上看着还行,到了手机上表格溢出屏幕,横向拖半天对不齐行列。
还有一站,翻到第三页提示「登录后查看全部符号」。给几个 Unicode 字符加登录,我实在想不出理由。
也试过别的路子
Windows 自带的那个表情面板,Win + . 呼出来,emoji 挺全,特殊符号基本没有。箭头、货币、框线符号、数学符号,一个都翻不到。
Word 的「插入 → 符号」能用。问题是复制出来带格式,粘到浏览器里字号和字体跟着跑,还得在两个窗口之间来回切。
输入法的符号大全也试了。分类逻辑比较随缘,找一个 § 要翻三层菜单,换个输入法,位置又不一样。
Mac 上的字符检视器倒是好用,分类清楚,点一下就能拖。Windows 上没有对等的东西,这件事挺奇怪。
所以有了这个页面
这些工具都能用,就是没一个顺手的。我干脆自己写了一个:gugegt.com/tools/emoji
打开就是三列。左边是分类,中间是符号墙,右边是你最近复制过的东西。这个布局是我按自己的操作习惯定的,找符号、复制、回头再取,视线不用来回跳。
| 对比项 | 常见符号站 | 本站 |
|---|---|---|
| 广告 | 悬浮层、插屏、跳转 | 没有 |
| 复制方式 | 跳页后手动全选 | 单击即复制 |
| 符号数量 | 几百个,分类内重复 | 2835 个,分类内零重复 |
| 颜文字 | 挤在小格子里被裁 | 自动跨列并降字号 |
| 最近使用 | 无,复制完就得重新找 | 留存 100 条,点一下再复制 |
| 手机端 | 表格横向溢出 | 三列自动变单列 |
| 离线 | 必须联网 | 单文件,断网可用 |
| 数据 | 要看登录、埋点 | 记录只存浏览器本地 |
数字摊开说:特殊符号 11 类,常用符号、箭头、数学、货币、希腊字母、框线方块、几何图形、序号编号、图标装饰、音乐天气,外加 80 条颜文字。emoji 10 类,笑脸、手势、爱心、动物自然、食物、活动、旅行、物品、标志、时钟。
几个用起来才知道的细节
鼠标停在符号上,格子会放大到 1.38 倍并高亮描边,小字符也能看清笔画。底部状态栏同步显示 Unicode 码点,比如 U+2764 U+FE0F。
点一下就进剪贴板,格子弹一下,底部飘一句提示。不用选中,不用右键,不用来回切窗口。
右侧面板留存最近 100 条。做一份文档的时候,常用的就是那几个符号。重复复制同一个符号会置顶,不占新位置,计数就挂在面板标题旁边,随时能清空。
搜索框按分类名搜、按符号本身搜都行。/ 快速聚焦,Esc 清空。
右上角能切白天和夜晚,另有一个自动挡。自动模式按北京时间算,6:00 到 18:00 是白天,跨过整点自动换肤。选过一次就记住,下次打开保持原样。
颜文字这块花的时间最多。判断宽度用的是 Intl.Segmenter,按可见字符数计数,超过 3 个字符的颜文字横跨两列,超过 7 个横跨三列并降字号。像 👨👩👦 这种由零宽连接符拼起来的 emoji 会被算成 1 个字符,不会误判成长文本撑破格子。
技术上没什么玄的
整个站是一个 HTML 文件,71 KB,样式、脚本、符号数据全在里面。丢到服务器上就能跑,也能下载到本地双击打开。
它跟博客一样托管在 Cloudflare Pages 上,静态文件往 static/tools/emoji/ 里一放,构建完就上线了。搬家的那套流程我在把网站搬上 GitHub + Cloudflare 的一天里写过,这次省了不少事。
复制走的是 Clipboard API。在 file:// 协议下打开时,浏览器会拒绝剪贴板权限,所以加了 execCommand 兜底,本地双击打开一样能复制。
复制记录存在浏览器的 localStorage 里,不上传,也不联网。整站没有任何后端,没有账号体系,你复制过什么,只有你自己的浏览器知道。
什么时候会用到
- 微信、QQ、微博、小红书的昵称和个性签名
- 公众号排版里的分隔线和装饰符号
- Excel、PPT、Word 表格的视觉分隔
- 游戏 ID、公会名、战队简称
- 代码注释里的分割线,或者文档标题的装饰
- 写邮件时想找个像样的小箭头
符号这个东西,平时想不起来,用的时候卡住。我之前也分享过一些在线工具,比如腾讯 QQ 浏览器的在线工具箱,功能挺全,符号只占其中很小一角;还有丑丑头像生成器,打开就用,用完就走,不用记住它。
经常用的软件和 APP 我整理了一份在软件与 APP页面,这个符号工具也加进去了。常逛的站点在串门页面。
要是你也翻过十几个符号网站没找到顺手的,直接开 gugegt.com/tools/emoji 用就行。缺了什么符号,或者哪一类不够全,留言告诉我,我补进去。