Ponser
做了什么
- 二十三个常用工具:JSON 格式化与树形查看、Markdown 公众号排版、时间戳、正则高亮、Base64、二维码、图片压缩、在线 Excel,以及 CSV / XML / YAML 互转
- 首页按分类筛选,斜杠键聚焦搜索,回车打开当前第一条结果
- JSON、Markdown、图片压缩、Excel 这类重页面,进页后再加载引擎,首页不扛这些体积
- 可登录收藏、看使用历史、在工具页评论;账号接口走执想那边的服务
- 文件转 Markdown 会把 PDF、Word 送到转换服务,浏览器本地解不了这些格式
为什么做这个网站
开发时这些转换一天要用好几次。网上同类站点广告多、打开慢,有的还把原文送到服务器。自己要用,就做成打开即用、默认本地算。
本地不是一句宣传。JSON、时间戳、正则、哈希、JWT 解析这些,数据不必离开浏览器。需要账号的收藏和评论才走接口;文档转换是少数必须上传的例外,写在对应页上。
页面
首页是工具目录。分类、常用关键词和搜索都在这一屏。
首页
JSON 左侧编辑、右侧树形或表格。格式化、压缩、导入导出都在工具条上。
JSON 格式化
Markdown 左侧写、右侧预览,排好后复制到公众号后台。主题可换。
Markdown 编辑器
时间戳在秒、毫秒和北京时间之间转,当前时间一直挂在上面。
时间戳转换
正则输入表达式和测试文本,匹配结果高亮列出来。
正则测试器
技术栈
前端 Vue 3 + TypeScript + Vite,路由 Vue Router。Markdown 用 marked 和 highlight.js;Excel 进页后再加载 Univer。静态资源 Nginx 托管。
用户、收藏、评论和文件转换走 idea.myfeiyou.com 的接口。工具页本身是静态站,大部分运算停在浏览器里。
浏览器 → Nginx 静态站 → 本地运算