unicode 浏览器

[meeop]

想起来一个一直想实现的功能,看看 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=

[ajan]

\u8D5E

[si]

能支持查看其他字体的就更好了

[kkocdko]

非常感谢，我平时都是随便 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]

@kkocdko 请随意修改复制

[meeop]

https://genwebapp.com/apps?appId=fWxa4jQ1eutBsiKL


@kkocdko 源码在这里,可以让 ai 帮你改
不过,字体问题挺复杂,包括本地自提,浏览器字体还有互联网字体,还涉及安装,发现字体,所以实现起来我估计半天都搞不好
简单的增加当前字体支持应该就一句话就行“需要支持字体选择,增加一个下拉框,支持当前浏览器和系统支持的字体”