V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
爱意满满的作品展示区。
meeop
V2EX  ›  分享创造

unicode 浏览器

  •  3
     
  •   meeop · 63 天前 · 1524 次点击
    这是一个创建于 63 天前的主题,其中的信息可能已经有所发展或是发生改变。

    想起来一个一直想实现的功能,看看 unicode 都有什么字符,所以做了这个 unicode 浏览器
    可以批量查看全部,大量的 unicode 字符
    还是有非常多神奇好看的符号的

    展示不出来可能是该编码无字符或者字体不支持
    不过既然浏览器都看不了,其实 99%场景也看不了这些字符,无需关心

    已经封装为 urlapp,复制如下 dataurl 到浏览器就能看了
    由于无网络交互,渲染很快,大概 10 分钟就能浏览一遍全部 unicode 字符

    data:text/html;base64,PCFET0NUWVBFIGh0bWw+PGh0bWwgbGFuZz0iemgtQ04iPjxoZWFkPjxtZXRhIGNoYXJzZXQ9IlVURi04Ij48bWV0YSBuYW1lPSJ2aWV3cG9ydCIgY29udGVudD0id2lkdGg9ZGV2aWNlLXdpZHRoLGluaXRpYWwtc2NhbGU9MSI+PHRpdGxlPlVuaWNvZGXlrZfnrKblsZXnpLrlt6Xlhbc8L3RpdGxlPjxzdHlsZT5ib2R5e2ZvbnQtZmFtaWx5OkFyaWFsLHNhbnMtc2VyaWY7bWFyZ2luOjA7cGFkZGluZzo1cHh9I2NvbnRyb2xze2Rpc3BsYXk6ZmxleDtqdXN0aWZ5LWNvbnRlbnQ6c3BhY2UtYmV0d2VlbjthbGlnbi1pdGVtczpjZW50ZXI7bWFyZ2luLWJvdHRvbTo1cHg7ZmxleC13cmFwOndyYXA7Zm9udC1zaXplOjEycHh9I2dyaWR7ZGlzcGxheTpncmlkO2dhcDoxcHh9LmNlbGx7dGV4dC1hbGlnbjpjZW50ZXI7bGluZS1oZWlnaHQ6MX0uY29kZXtmb250LXNpemU6MTBweDtjb2xvcjojNjY2fTwvc3R5bGU+PC9oZWFkPjxib2R5PjxkaXYgaWQ9ImNvbnRyb2xzIj48ZGl2PjxsYWJlbCBmb3I9ImZvbnRTaXplIj7lrZflj7c6PC9sYWJlbD48aW5wdXQgdHlwZT0ibnVtYmVyIiBpZD0iZm9udFNpemUiIG1pbj0iMSIgbWF4PSI1MCIgdmFsdWU9IjE2IiBzdHlsZT0id2lkdGg6NDBweCI+PGxhYmVsIGZvcj0iY29scyI+5YiXOjwvbGFiZWw+PGlucHV0IHR5cGU9Im51bWJlciIgaWQ9ImNvbHMiIG1pbj0iMSIgbWF4PSI1MCIgdmFsdWU9IjIwIiBzdHlsZT0id2lkdGg6NDBweCI+PGxhYmVsIGZvcj0icm93cyI+6KGMOjwvbGFiZWw+PGlucHV0IHR5cGU9Im51bWJlciIgaWQ9InJvd3MiIG1pbj0iMSIgbWF4PSI1MCIgdmFsdWU9IjIwIiBzdHlsZT0id2lkdGg6NDBweCI+PC9kaXY+PGRpdj48bGFiZWwgZm9yPSJzdGFydENvZGUiPui1t+Wnizo8L2xhYmVsPjxpbnB1dCB0eXBlPSJ0ZXh0IiBpZD0ic3RhcnRDb2RlIiB2YWx1ZT0iMDAwMCIgc3R5bGU9IndpZHRoOjUwcHgiPjxsYWJlbCBmb3I9ImVuZENvZGUiPue7k+adnzo8L2xhYmVsPjxpbnB1dCB0eXBlPSJ0ZXh0IiBpZD0iZW5kQ29kZSIgdmFsdWU9IkZGRkYiIHN0eWxlPSJ3aWR0aDo1MHB4Ij48L2Rpdj48ZGl2PjxsYWJlbCBmb3I9InVuaWNvZGVQbGFuZSI+5bmz6Z2iOjwvbGFiZWw+PHNlbGVjdCBpZD0idW5pY29kZVBsYW5lIiBzdHlsZT0id2lkdGg6MTIwcHgiPjxvcHRpb24gdmFsdWU9IjAsRkZGRiI+5Z+65pys5aSa5paH56eN5bmz6Z2iPC9vcHRpb24+PG9wdGlvbiB2YWx1ZT0iMTAwMDAsMUZGRkYiPuWkmuaWh+enjeihpeWFheW5s+mdojwvb3B0aW9uPjxvcHRpb24gdmFsdWU9IjIwMDAwLDJGRkZGIj7ooajmhI/mloflrZfooaXlhYXlubPpnaI8L29wdGlvbj48b3B0aW9uIHZhbHVlPSIzMDAwMCwzRkZGRiI+6KGo5oSP5paH5a2X56ys5LiJ5bmz6Z2iPC9vcHRpb24+PG9wdGlvbiB2YWx1ZT0iRTAwMDAsRUZGRkYiPueJueWIq+eUqOmAlOihpeWFheW5s+mdojwvb3B0aW9uPjxvcHRpb24gdmFsdWU9IkYwMDAwLEZGRkZGIj7np4Hkurrkvb/nlKjljLpBPC9vcHRpb24+PG9wdGlvbiB2YWx1ZT0iMTAwMDAwLDEwRkZGRiI+56eB5Lq65L2/55So5Yy6Qjwvb3B0aW9uPjwvc2VsZWN0PjwvZGl2PjxkaXY+PGJ1dHRvbiBpZD0icHJldlBhZ2UiPuS4iuS4gOmhtTwvYnV0dG9uPjxzcGFuIGlkPSJwYWdlSW5mbyI+PC9zcGFuPjxidXR0b24gaWQ9Im5leHRQYWdlIj7kuIvkuIDpobU8L2J1dHRvbj48L2Rpdj48L2Rpdj48ZGl2IGlkPSJncmlkIj48L2Rpdj48c2NyaXB0PmNvbnN0IGc9ZG9jdW1lbnQuZ2V0RWxlbWVudEJ5SWQoImdyaWQiKSxmPWRvY3VtZW50LmdldEVsZW1lbnRCeUlkKCJmb250U2l6ZSIpLGM9ZG9jdW1lbnQuZ2V0RWxlbWVudEJ5SWQoImNvbHMiKSxyPWRvY3VtZW50LmdldEVsZW1lbnRCeUlkKCJyb3dzIikscz1kb2N1bWVudC5nZXRFbGVtZW50QnlJZCgic3RhcnRDb2RlIiksZT1kb2N1bWVudC5nZXRFbGVtZW50QnlJZCgiZW5kQ29kZSIpLHU9ZG9jdW1lbnQuZ2V0RWxlbWVudEJ5SWQoInVuaWNvZGVQbGFuZSIpLHA9ZG9jdW1lbnQuZ2V0RWxlbWVudEJ5SWQoInByZXZQYWdlIiksbj1kb2N1bWVudC5nZXRFbGVtZW50QnlJZCgibmV4dFBhZ2UiKSxpPWRvY3VtZW50LmdldEVsZW1lbnRCeUlkKCJwYWdlSW5mbyIpO2xldCBDPTAsdD0wO2Z1bmN0aW9uIHVfKCl7Y29uc3Qgbz1wYXJzZUludChmLnZhbHVlKSxsPXBhcnNlSW50KGMudmFsdWUpLGQ9cGFyc2VJbnQoci52YWx1ZSksYT1wYXJzZUludChzLnZhbHVlLDE2KSxoPXBhcnNlSW50KGUudmFsdWUsMTYpO2cuc3R5bGUuZ3JpZFRlbXBsYXRlQ29sdW1ucz1gcmVwZWF0KCR7bH0sIDFmcilgLGcuaW5uZXJIVE1MPSIiO2NvbnN0IG09bCpkO3Q9TWF0aC5jZWlsKChoLWErMSkvbSk7Y29uc3Qgdj1hK0MqbTtmb3IobGV0IG49MDtuPG07bisrKXtjb25zdCB0PXYrbjtpZih0PmgpYnJlYWs7Y29uc3QgZT1kb2N1bWVudC5jcmVhdGVFbGVtZW50KCJkaXYiKTtlLmNsYXNzTmFtZT0iY2VsbCI7Y29uc3QgYz1TdHJpbmcuZnJvbUNvZGVQb2ludCh0KTtlLmlubmVySFRNTD1gPHNwYW4gc3R5bGU9ImZvbnQtc2l6ZTogJHtvfXB4OyI+JHtjfTwvc3Bhbj48YnI+PHNwYW4gY2xhc3M9ImNvZGUiPiR7dC50b1N0cmluZygxNikudG9VcHBlckNhc2UoKS5wYWRTdGFydCg0LCIwIil9PC9zcGFuPmAsZy5hcHBlbmRDaGlsZChlKX1pLnRleHRDb250ZW50PWAke0MrMX0vJHt0fWAscC5kaXNhYmxlZD0wPT09QyxuLmRpc2FibGVkPUM9PT10LTF9ZnVuY3Rpb24gdV9wKG4pe0MrPW4sQzwwJiYoQz0wKSxDPj10JiYoQz10LTEpLHVfKCl9ZnVuY3Rpb24gdV91KCl7Y29uc3Rbbix0XT11LnZhbHVlLnNwbGl0KCIsIik7cy52YWx1ZT1uLGUudmFsdWU9dCxDPTAsdV8oKX1mLmFkZEV2ZW50TGlzdGVuZXIoImlucHV0Iix1XyksYy5hZGRFdmVudExpc3RlbmVyKCJpbnB1dCIsdV8pLHIuYWRkRXZlbnRMaXN0ZW5lcigiaW5wdXQiLHVfKSxzLmFkZEV2ZW50TGlzdGVuZXIoImlucHV0IiwoKT0+e0M9MCx1XygpfSksZS5hZGRFdmVudExpc3RlbmVyKCJpbnB1dCIsKCk9PntDPTAsdV8oKX0pLHUuYWRkRXZlbnRMaXN0ZW5lcigiY2hhbmdlIix1X3UpLHAuYWRkRXZlbnRMaXN0ZW5lcigiY2xpY2siLCgpPT51X3AoLTEpKSxuLmFkZEV2ZW50TGlzdGVuZXIoImNsaWNrIiwoKT0+dV9wKDEpKSx1XygpPC9zY3JpcHQ+PC9ib2R5PjwvaHRtbD4=

    5 条回复    2024-09-23 10:50:14 +08:00
    ajan
        1
    ajan  
       63 天前
    \u8D5E
    si
        2
    si  
       63 天前
    能支持查看其他字体的就更好了
    kkocdko
        3
    kkocdko  
       62 天前
    非常感谢,我平时都是随便 google 找一个,但是很多都是一堆广告。楼主这个很好用。

    2# 提到切换其他字体,web 上获取 本地字体列表可以参考 https://developer.mozilla.org/en-US/docs/Web/API/Local_Font_Access_API ,我希望能帮忙把这个功能加上,请问我可以把您的代码加入到我的博客仓库 https://github.com/kkocdko/kblog/tree/master/source/toys 中吗?我会注明你的作者信息的。

    我这里也有很多类似的精巧的网页工具,例如 WebUSB KVM https://v2ex.com/t/1065751 等。
    meeop
        4
    meeop  
    OP
       60 天前   ❤️ 1
    @kkocdko 请随意修改复制
    meeop
        5
    meeop  
    OP
       60 天前   ❤️ 1
    https://genwebapp.com/apps?appId=fWxa4jQ1eutBsiKL


    @kkocdko 源码在这里,可以让 ai 帮你改
    不过,字体问题挺复杂,包括本地自提,浏览器字体还有互联网字体,还涉及安装,发现字体,所以实现起来我估计半天都搞不好
    简单的增加当前字体支持应该就一句话就行“需要支持字体选择,增加一个下拉框,支持当前浏览器和系统支持的字体”
    关于   ·   帮助文档   ·   博客   ·   API   ·   FAQ   ·   实用小工具   ·   1684 人在线   最高记录 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 25ms · UTC 16:45 · PVG 00:45 · LAX 08:45 · JFK 11:45
    Developed with CodeLauncher
    ♥ Do have faith in what you're doing.