用纯前端实现了一个巨好用的工具站 - V2EX
V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
Wenco
V2EX    分享发现

用纯前端实现了一个巨好用的工具站

  •  
  •   Wenco 5 天前 2977 次点击

    最近想测试一下 Vibe Coding 到底能做到什么程度,再加上刚好有一些工具我有一些特殊需求,于是卷了一个工具站:

    https//onesapk.com

    在此之前我会一点前端,每次样式调整都要花费我大量的时间,但是对于个人项目,没有什么 UI 样式的强制要求,于是我只需要扮演一个产品+测试的角色,一行代码没改(也没看),就完成了这个项目。

    项目整体是纯前端实现,用 localStorage 存储数据,支持国际化,在这里表扬一下 AI 的国际化能力,怎一个牛掰了得。

    工具列表

    • JSON 美化( json-formatter )
      在线 JSON 代码格式化、美化、压缩、转义工具,支持 JSONPath 搜索,所有处理在本地完成。
      链接:https://onesapk.com/tools/json-formatter

    • JSON 比对( json-diff )
      输入左右两份 JSON ,快速查看新增、删除、修改差异,支持格式化与排序,方便接口调试和配置对比。
      链接:https://onesapk.com/tools/json-diff

    • 密码生成器( password-generator )
      生成安全随机密码,支持自定义长度和字符类型(大小写字母、数字、特殊字符),并提供密码强度提示。
      链接:https://onesapk.com/tools/password-generator

    • 代码转图片( code-to-image )
      将代码片段转换为图片,支持多种编程语言和主题样式,适合在文档、社交媒体或博客中展示代码。
      链接:https://onesapk.com/tools/code-to-image

    • MD5 加密( md5 )
      输入文本即可实时计算 MD5 摘要,默认小写,可一键切换大写并复制结果,计算过程在浏览器本地完成。
      链接:https://onesapk.com/tools/md5

    • Base64 编解码( base64 )
      支持文本 Base64 编码与解码,提供 URL-safe 模式、自动换行和去除换行等选项,便于调试各类编码场景。
      链接:https://onesapk.com/tools/base64

    • 文字转二维码( qrcode )
      输入任意文本实时生成二维码,可调整尺寸、前景色/背景色和纠错等级,支持下载 PNG 或复制图片。
      链接:https://onesapk.com/tools/qrcode

    • 二维码解析( qrcode-parse )
      上传、拖拽或粘贴二维码图片,在浏览器本地识别并解析出其中的文本内容,支持常见图片格式。
      链接:https://onesapk.com/tools/qrcode-parse

    • 文本大小写转换( text-case )
      保留原文的同时快速在大写/小写之间转换文本,一键复制结果,适合批量整理英文文案或标识符。
      链接:https://onesapk.com/tools/text-case

    • 时间戳转换( timestamp )
      在 Unix 秒/毫秒时间戳与可读日期之间互相转换,支持本地时区、UTC 以及世界主要时区查看。
      链接:https://onesapk.com/tools/timestamp

    • URL 解析( url-parse )
      将 URL 拆分为协议、主机、端口、路径、查询参数等组成部分,便于排查链接问题或调试重定向与参数传递。
      链接:https://onesapk.com/tools/url-parse

    54 条回复    2025-12-10 10:47:22 +08:00
    Wenco
        1
    Wenco  
    OP
       5 天前
    路过的大哥们帮我看看有什么要改进的
    JShen
        2
    JShen  
       5 天前
    写的确实很好,给你点赞。
    livib
        3
    livib  
       5 天前
    鼓励一下吧,如何建立自己的护城河会是个问题,因为大家做的东西都没有难度,如果考虑长期维护得想办法让他脱颖而出
    best9999
        4
    best9999  
       5 天前 via iPhone
    有 ai 就行系列
    HotieCutie
        5
    HotieCutie  
       5 天前
    这种工具类网站太多了
    akiyamamio
        6
    akiyamamio  
       5 天前
    @HotieCutie #5 有没有开源的,想自己部署一个
    Wenco
        7
    Wenco  
    OP
       5 天前
    @JShen 感谢大佬
    Wenco
        8
    Wenco  
    OP
       5 天前
    @livib 大佬说的有道理,现在成本比较小,所以慢慢增加新工具吧,做得足够全,足够好用,总是会有人用的
    Wenco
        9
    Wenco  
    OP
       5 天前
    @best9999 大佬说的有道理,程序员人手一个
    Wenco
        10
    Wenco  
    OP
       5 天前
    @HotieCutie 都没我的好 (吹牛掰)
    livib
        11
    livib  
       5 天前
    Wenco
        12
    Wenco  
    OP
       5 天前
    @livib #11 感觉不是一个东西吧,我这个是聚合工具,他那个更像是 JSON 数据库
    nexius
        13
    nexius  
       5 天前
    我都是装一个 mac 版的 DevToy
    jaxjaxjax
        14
    jaxjaxjax  
       5 天前
    还是.com 的域名,得不少钱吧?
    另外,服务器成本呢多少啊
    tsvico
        15
    tsvico  
       5 天前
    stinkytofux
        16
    stinkytofux  
       5 天前
    做这类网站, 内容上必须先打败 it-tools.tech 才能发布, 否则没有意义.
    Wenco
        17
    Wenco  
    OP
       5 天前
    @nexius 各有千秋,在线就是方便随时随地可以用
    Wenco
        18
    Wenco  
    OP
       5 天前
    @jaxjaxjax 域名 70 来块钱,没有服务器费用
    Wenco
        19
    Wenco  
    OP
       5 天前
    @stinkytofux 感谢分享,很不错的网站,但是一个成熟的网站一定是慢慢积累出来的。
    jqknono
        20
    jqknono  
       5 天前
    https://github.com/gchq/CyberChef

    这个项目已经 9 年了, 带工具组装模式, 可以体验下:
    https://gchq.github.io/CyberChef/
    Wenco
        21
    Wenco  
    OP
       5 天前
    @jqknono 工具流式处理,很不错的想法,但是就我自身的话,好像没有这种场景需求,UI 也不是我喜欢的,这类简单的工具,UI 对我来说占的比重比较大
    justseemore
        22
    justseemore  
       5 天前
    ctool 完事了
    Wenco
        23
    Wenco  
    OP
       5 天前
    @justseemore 不错,是个实力派
    canteon
        24
    canteon  
       5 天前
    FeHelper 直接参照这个前端插件
    Absofknglutely
        25
    Absofknglutely  
       5 天前
    已收藏
    Wenco
        26
    Wenco  
    OP
       5 天前
    @canteon 感谢大佬的建议,我之前也是 FeHelper 的用户,但是在某些场景下它满足不了我的需求,比如说,我们的跳板机是伪终端,复制 JSON 会有换行,然后我这个工具有一个点击 JSON key 选择复制以及 JSON path 搜索的功能也是非常实用的

    @Absofknglutely 感谢大佬支持
    xaoflysho
        27
    xaoflysho  
       5 天前
    密码生成器下面的位数选择最后的“全选”是什么意思?点击也没反应
    xaoflysho
        28
    xaoflysho  
       5 天前
    哦,原来选的是字符类型,那这个按钮放的位置不合适
    Wenco
        29
    Wenco  
    OP
       5 天前
    @xaoflysho #28 感谢大佬,非常中肯的建议,之前没有注意,由于配置可以本地持久化,晚上会把这个按钮删掉
    licoycn
        30
    licoycn  
       5 天前
    那我以前辛辛苦苦一行一行代码码出来的算什么 0.0 https://utils.fun
    yunchuanwu
        31
    yunchuanwu  
       5 天前   1
    @licoycn 算你竖式列的快
    Wenco
        32
    Wenco  
    OP
       5 天前   1
    @licoycn 哈哈哈哈哈,写的很棒很用心,手写算是对自己的一种历练与积累
    livib
        33
    livib  
       5 天前
    @licoycn 还是要用数据说话,经营了多久,访问量日活啥的怎么样了是否达到了预期?
    richarddingcn
        34
    richarddingcn  
       5 天前
    raycast 自带这些小功能 感觉网页还是不太方便
    Wenco
        35
    Wenco  
    OP
       5 天前
    @richarddingcn 网页响应上确实相较本地工具慢了点,但是工具要配置,我的目标是做一个打开网页直接用的工具站吧
    wpblank
        36
    wpblank  
       5 天前 via Android
    自己纯 AI 写的 json 排序网站,打游戏排队间隙就搞定了
    https://json.izumi.pub
    Wenco
        37
    Wenco  
    OP
       5 天前
    @wpblank 牛的哦
    hmxxmh
        38
    hmxxmh  
       5 天前 via Android
    文件比对的工具有吗,不是 beyond compare ,自己实现
    rockddd
        39
    rockddd  
       5 天前
    1.默认应该是浏览器语言而不是写死英文。2.去掉满屏幕红彤彤的 new 吧

    如果网站最重要的是为了给自己提供情绪价值的话,当我没说
    Wenco
        40
    Wenco  
    OP
       5 天前
    @hmxxmh 文本文件么?非文本应该只能比对 hash 吧
    Wenco
        41
    Wenco  
    OP
       5 天前
    @rockddd 感谢大佬,很中肯的建议,今天晚上改一下
    ixcode
        42
    ixcode  
       5 天前
    这个标签看的我强迫症犯了
    goodryb
        43
    goodryb  
       5 天前
    说了多少次了,MD5 是摘要,不是加密。。。。
    licoycn
        44
    licoycn  
       5 天前
    @livib 很少的
    Wenco
        45
    Wenco  
    OP
       5 天前
    @ixcode 哈哈哈哈,晚上改
    Wenco
        46
    Wenco  
    OP
       5 天前
    @goodryb 大佬专业,但是为了 SEO 我感觉还是将错就错比较好
    katwalk
        47
    katwalk  
       5 天前
    工具太少了,Html 美化、Javascript 美化都没有。
    不过网站做得不错,看起来很舒服。
    gimp
        48
    gimp  
       5 天前
    @licoycn “完全离线” 用断网的图标好奇怪... 用个绿色的锁头表示安全会不会更好
    hmxxmh
        49
    hmxxmh  
       5 天前 via Android
    @Wenco 不是,word 或者 pdf ,做到字符级的比对
    Wenco
        50
    Wenco  
    OP
       5 天前
    @katwalk 感谢大佬建议,慢慢加,都会有的
    hahahasnoopy
        51
    hahahasnoopy  
       5 天前
    你这个想法我之前也想过,然后实践了一下,光一个 json 工具就离人家成熟的在线工具差很多,人家长时间打磨下来的,好用的工具不那么容易造出来
    protonme
        52
    protonme  
       5 天前 via iPhone
    我也打造过: https://inbrowser.app
    对 UI 、功能挺有自信的,是开源的。帖主可以对比下
    Wenco
        53
    Wenco  
    OP
       4 天前
    @hahahasnoopy 慢慢做,先搞定一个就好了
    Wenco
        54
    Wenco  
    OP
       4 天前
    @protonme 这个挺好,简介,功能也很齐全
    关于     帮助文档     自助推广系统     博客     API     FAQ     Solana     3873 人在线   最高记录 6679       Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 28ms UTC 01:01 PVG 09:01 LAX 17:01 JFK 20:01
    Do have faith in what you're doing.
    ubao msn snddm index pchome yahoo rakuten mypaper meadowduck bidyahoo youbao zxmzxm asda bnvcg cvbfg dfscv mmhjk xxddc yybgb zznbn ccubao uaitu acv GXCV ET GDG YH FG BCVB FJFH CBRE CBC GDG ET54 WRWR RWER WREW WRWER RWER SDG EW SF DSFSF fbbs ubao fhd dfg ewr dg df ewwr ewwr et ruyut utut dfg fgd gdfgt etg dfgt dfgd ert4 gd fgg wr 235 wer3 we vsdf sdf gdf ert xcv sdf rwer hfd dfg cvb rwf afb dfh jgh bmn lgh rty gfds cxv xcv xcs vdas fdf fgd cv sdf tert sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf shasha9178 shasha9178 shasha9178 shasha9178 shasha9178 liflif2 liflif2 liflif2 liflif2 liflif2 liblib3 liblib3 liblib3 liblib3 liblib3 zhazha444 zhazha444 zhazha444 zhazha444 zhazha444 dende5 dende denden denden2 denden21 fenfen9 fenf619 fen619 fenfe9 fe619 sdf sdf sdf sdf sdf zhazh90 zhazh0 zhaa50 zha90 zh590 zho zhoz zhozh zhozho zhozho2 lislis lls95 lili95 lils5 liss9 sdf0ty987 sdft876 sdft9876 sdf09876 sd0t9876 sdf0ty98 sdf0976 sdf0ty986 sdf0ty96 sdf0t76 sdf0876 df0ty98 sf0t876 sd0ty76 sdy76 sdf76 sdf0t76 sdf0ty9 sdf0ty98 sdf0ty987 sdf0ty98 sdf6676 sdf876 sd876 sd876 sdf6 sdf6 sdf9876 sdf0t sdf06 sdf0ty9776 sdf0ty9776 sdf0ty76 sdf8876 sdf0t sd6 sdf06 s688876 sd688 sdf86