copyunicode.com 實測:1200 多個 Unicode 符號一鍵複製,搜尋「貨幣」卻是 0 結果

copyunicode.com 收錄 1221 個 Unicode 符號與 emoji,點一下就複製,並附 HTML、CSS、JS、JSON 四種跳脫碼。實測發現它的搜尋只比對符號名稱,用『貨幣』『money』或字元本身都搜不到,本文整理收錄規模、搜尋盲區與隱私限制,幫你判斷適不適合用。

用 AI 摘要這篇文章:

我實際打開 copyunicode.com,點了網格上的 ★ 按鈕,剪貼簿裡拿到的就是 ★,畫面同時浮現一行「★ Copied!」的提示。複製這件事它做對了。但在搜尋框裡輸入繁體中文「貨幣」兩個字,畫面卻顯示「No symbols found」,儘管這個網站收錄的資料裡明明有 💱 貨幣交換這個符號;把搜尋詞換成簡體寫法才命中那一筆。直接把 ★ 或 ¥ 這個字元貼進搜尋框,同樣是 0 結果。這幾個落差,是判斷它對你值不值得用的關鍵。

這篇要講的不是它有多強,而是它實際跑起來會在哪裡卡住你。我把整個符號庫的收錄規模、搜尋行為、每個符號附帶的程式碼格式都實際繞過一遍,下面把觀察到的東西攤開來。會走到這類工具的情境其實很常見:寫網頁時要插入一個版權符號、做簡報時想用箭頭取代條列項目、經營社群時想讓標題多一點視覺感,這些需求都會讓人想找一個能快速查到並複製特殊字元的地方。

1221 個符號、22 個分類,點一下就複製

copyunicode.com 是一個純前端、免登入的靜態網站,打開就能用。它把符號資料放在一份 data/symbols.json 裡,瀏覽器載入後一次渲染成可點擊的卡片網格。我透過網站自己的介面把這份資料讀出來數過,總共收錄 1221 個符號,扣掉「全部」這個檢視之外,實際分成 22 個內容分類。規模最大的幾個類別是這樣:

分類數量內容舉例
object(物品)196各種日常物件 emoji
smile(笑臉)144表情類 emoji
symbol(符號)138幾何、特殊符號
food(食物)124餐飲 emoji
people(人物)121人物、膚色變體
animal(動物)89動植物 emoji
math(數學)33≈、≥、∞、積分等

每張卡片上除了符號本體,還會列出它的多語系名稱、Unicode 號碼,以及 HTML、CSS、JS、JSON 四種寫法的跳脫碼。點任何一張卡片,符號就進剪貼簿。我驗證的方式很直接:授予瀏覽器剪貼簿權限後點擊 ★,再用 navigator.clipboard.readText() 讀回來,拿到的就是「★」這個字元,確認它複製的是符號本身,不是把字元代碼貼給你。整個過程不需要註冊、不需要裝任何東西,手機和電腦瀏覽器都能開。它也支援把整組符號資料透過分享按鈕傳到社群,但分享的是網站連結而非單一符號,後面限制段會再提。

copyunicode.com 首頁符號網格,搜尋框與分類清單搭配 1221 個可點擊複製的 Unicode 符號卡片Pin
copyunicode.com 首頁:搜尋框、分類清單與符號卡片網格,點任一卡片即複製。

搜尋只比對名字和 Unicode 碼:字元本身、繁體中文都搜不到

前面提到繁體中文「貨幣」搜不到,這不是單一個案。我對搜尋功能跑了一組測試,把英文概念詞、中文關鍵字、字元本身、Unicode 碼幾種類型都丟進去,結果分成幾種完全不同的命運。重點先講在最前面:這個網站的中文介面雖然切換得到,但它內部的中文符號名稱用的是簡體字,這件事會直接決定你用台灣習慣打的繁體詞能不能搜到東西。

搜尋字詞結果數為什麼
arrow27箭頭符號的英文名都含 arrow
star、music、heart9、18、14字詞剛好等於分類的英文識別名,直接切到該分類
currency1💱 Currency Exchange 的英文名命中
money3Money Bag、Money-Mouth Face、Money with Wings
dollar3Dollar Sign、Dollar Banknote、Heavy Dollar Sign
26051搜尋也比對 Unicode 碼字串,命中 U+2605(★)
38中文名含「心」字的符號都命中(各種心形與表情)
钱(錢的簡體寫法)3三個與錢有關的符號,其簡體中文名命中
货币(貨幣的簡體寫法)1貨幣交換符號的簡體中文名命中
錢(繁體)0中文名欄位是簡體,繁體字搜不到
貨幣(繁體)0同上
¥、★0搜尋不比對字元本身

把這張表看懂,就等於看懂這個工具的搜尋邏輯。我從網頁原始碼把搜尋函式挖出來比對:它會把輸入字串轉小寫,然後對每個符號的多語系名稱做包含比對,比對範圍涵蓋英、中、日、韓、西、法、德、俄八種語言;另外還會比對符號的 Unicode 碼字串,所以搜「2605」會命中 ★,因為它的碼是 U+2605。但它完全不比對符號字元本身,把 ¥ 或 ★ 直接貼進搜尋框,由於這個字元沒有出現在任何名稱欄位裡,就只會回 0。英文概念詞其實多數打得通:currency 命中貨幣交換、money 命中三個跟錢有關的符號、dollar 命中三個,這些都正常運作。

用繁體中文輸入的人最該知道的一點:這個網站雖然提供中文介面,但它內部的中文符號名稱用的是簡體字。所以你打繁體的「錢」「貨幣」「愛心」「音樂」都搜不到,要換成簡體寫法才命中。單字元如「心」「星」因為繁簡同形,才能直接搜到(心有 38 個結果、星有 16 個)。換句話說,中文介面並不等於你用台灣習慣的繁體詞就能搜到東西,這是它最容易被誤以為壞掉的地方。實際要找到 ★,正確做法是搜英文「star」或它的碼「2605」,會列出星形字元讓你點開複製;如果照直覺把 ★ 字元貼進搜尋框,只會回 0 結果。

還有一個容易踩到的設計:搜尋框會記住你上一次切換到的分類。如果你搜了 star 這種剛好等於分類名的詞,畫面會切到星形分類;接著你再搜 money,結果會被偷偷過濾成只剩星形分類裡的符號,也就是 0。這不是搜尋壞了,而是分類篩選還開著。要回到全部分類,得手動點一下左側清單的 All,或重新載入頁面。另外分類清單的識別名也全是英文(smile、heart、math 等),八種語言只翻譯了符號的顯示名稱,沒有翻譯分類標籤,所以中文介面下你看到的分類依然是英文,對用中文思考的使用者來說並不直覺。

每個符號都附四種跳脫碼,這是對開發者最有用的部分

如果只是要複製一個 emoji 貼到聊天軟體,那很多網站都能做。copyunicode.com 比較有辨識度的地方,是每張卡片同時給你同一個符號的五種表達方式:Unicode 號碼(如 U+2605)、HTML 實體、CSS 跳脫、JS 跳脫、JSON 跳脫。對寫網頁或程式的人來說,這代表你不必再開另一個分頁查碼表,看到符號就能直接把對應的跳脫字串抄進原始碼。舉個例子,★ 在 CSS 裡寫作 \2605、在 JavaScript 字串裡寫作 、在 HTML 裡可以寫成 ★,這些它一次列出來給你。再舉一個數學符號 ≈ 為例,當你在樣式表裡需要顯示這個約等於符號,卡片上會直接告訴你 CSS 寫成 \2248、HTML 寫成 ≈,不用再自己換算碼點。這個設計對前端工作特別省事,因為 CSS 跳脫需要的是十六進位碼、HTML 實體需要的是十進位碼,兩者數字不一樣,能一次拿到就不容易抄錯。

符號卡同時顯示 Unicode 號碼與 HTML、CSS、JS、JSON 四種跳脫碼,方便開發者直接抄進程式碼Pin
每張符號卡附 Unicode 號碼與 HTML/CSS/JS/JSON 四種跳脫碼,這是對開發者最有用的部分。

對需要大量圖示資源的開發者,這類符號工具跟 TechMoon 先前談過的 IcoMoon 這類 SVG 圖標庫 是互補關係:IcoMoon 給你向量圖檔,copyunicode 給你純文字字元與它的程式碼寫法,用途不同但常一起出現在前端工作裡。

跟 emojipedia、unicode-table 差在哪

把它跟兩個最常被拿來比較的對象擺在一起看,定位會清楚很多。Emojipedia 是把 emoji 當成有版本歷史、有各廠商渲染差異、有組合規則的考證資料庫,你想知道某個表情在哪個 iOS 版本開始支援、在不同廠牌手機上長什麼樣、怎麼用修飾符組合出不同膚色,那是它的強項;它回答的是「這個 emoji 的來歷與長相」,不是「幫我快速複製」。unicode-table 走的是另一邊,把整個 Unicode 標準的碼區塊全部攤開,是查罕見字元或理解編碼結構時的參考工具,覆蓋範圍是完整標準而非挑選過的子集。copyunicode.com 走的是第三條路:不求完整、不做考證,主打的是「常用符號、一鍵複製、附上四種碼」這個很輕的操作。它收錄的 1221 個符號,相較於 Unicode 標準動輒十幾萬的字元總數,是經過挑選的常用子集,而不是完整字庫。所以如果你的需求是「我要找一個冷門編碼區塊裡的特定字元」,它幫不上忙,這時該去翻 unicode-table 之類的完整碼表;如果是「我要快速抓一個愛心或箭頭貼進去,順便知道它的 CSS 怎麼寫」,它很順手,這正是 Emojipedia 不會幫你做的事。

集中限制:規模有限、有廣告與追蹤、沒有條款頁

把會影響你是否採用的限制一次列清楚。

它的收錄規模是 1221 個,對 emoji 和常用符號來說夠用,但對完整 Unicode 來說是很小的一角,別期待它收錄冷門字元。網站本身不是開源專案,全站找不到任何原始碼倉庫連結,你沒辦法自行審計它怎麼處理資料。它的營利與追蹤痕跡相當明確:頁面上掛了 Google AdSense 廣告(發布商編號 ca-pub-7564303422002665),同時載入 Google Analytics(編號 G-CWKBGSJWC2)、Microsoft Clarity(工作階段錄影分析)與 Cloudflare Insights,等於你造訪時的行為資料會被這幾家收集。較值得注意的是,這個網站沒有獨立的隱私權政策或服務條款頁面,無論是 /privacy-policy 還是 /about 都只會把你導回語言選擇頁,找不到任何站方對資料處理的正式聲明。提供的唯一聯絡管道是 [email protected] 這個信箱。對在意隱私的人來說,這是一個條款真空的免費工具,要嘛自己用瀏覽器擋廣告與追蹤,要嘛另找更透明的替代品。它的原始碼註解是簡體中文,看得出是個人或小團隊作品,沒有大型機構背書,也沒有公開的版本更新紀錄或開發時程,長期維護狀況未知。

介面上還有兩個值得先知道的小設定。主題沒有手動切換鈕,它直接讀你作業系統的深色或淺色偏好來自動切換,所以你想強制固定某一種配色做不到。另外它內建了把目前頁面分享到社群或用郵件傳送的按鈕,但分享出去的是網站網址,不是你剛複製的符號,這跟有些人期待的「把我找到的這個符號傳給別人」不是同一件事。行動裝置上介面會自動縮成單欄,分類清單與搜尋框仍然可用,但我這次的測試是在桌面瀏覽器完成,手機上的複製成功率與廣告影響程度我沒有實際量測,需要的人在手機上自己試一輪會比較準。

搜不到字元就白忙:適合與不適合的用法

綜合實測結果,copyunicode.com 真正用得上手的情境其實很明確。如果你的工作常常需要把常用符號或 emoji 貼進網頁、文件、社群文字,順便想拿到它的 HTML 或 CSS 寫法,它是個夠輕、夠直接的工具,打開就能用、點了就複製,四種跳脫碼一次給你,省下切分頁查碼表的時間。前端開發者尤其受用,因為它把 CSS、JS、JSON 三種寫法並排,貼進樣式表或字串都不用再轉換。

但如果你屬於下面幾種情況,它會讓你白忙。第一,你要找的是冷門編碼區塊裡的特定字元,它收錄的 1221 個只是常用子集,覆蓋不到。第二,你習慣用繁體中文詞搜尋(像是貨幣、錢、愛心、音樂),它內部的中文名稱是簡體字,這些繁體詞會搜不到;你得換成簡體寫法,或改用英文類別名才搜得到。第三,你直接把字元(¥、★)貼進搜尋框想看它的碼,它搜不到,因為搜尋不比對字元本身。第四,你在意工具的隱私條款透明度,它沒有任何條款頁,還掛了廣告與三套分析追蹤。最實際的驗證方式是花一分鐘打開它,搜一個你平常最常用到的符號,看它命不命中;如果連第一個都搜不到,那它對你的用途就不對。

對符號與字型更廣的認識,這個工具只是其中一環,也可以搭配 TechMoon 介紹過的 思源黑體 Noto Sans TC 這類字型資源,或設計時用 SVG Favicon Maker 把文字和 emoji 做進標誌裡,兩邊是不同任務但常被一起需要。

Sliven 褚崇名
Sliven 褚崇名

每日分享科技新知、免費資源以及 WordPress、虛擬主機相關主題,任何問題歡迎在科技月球下方留言,或是發送 Email 至 [email protected] 與我聯繫。

文章: 788

發佈留言

發佈留言必須填寫的電子郵件地址不會公開。 必填欄位標示為 *


Share to...