V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
Wenco
V2EX  ›  分享发现

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

  •  
  •   Wenco · 21 天前 · 3300 次点击

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

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

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

    如果网站最重要的是为了给自己提供情绪价值的话,当我没说😁
    Wenco
        40
    Wenco  
    OP
       21 天前
    @hmxxmh 文本文件么?非文本应该只能比对 hash 吧
    Wenco
        41
    Wenco  
    OP
       21 天前
    @rockddd 感谢大佬,很中肯的建议,今天晚上改一下
    ixcode
        42
    ixcode  
       21 天前
    这个标签看的我强迫症犯了
    goodryb
        43
    goodryb  
       21 天前
    说了多少次了,MD5 是摘要,不是加密。。。。
    licoycn
        44
    licoycn  
       21 天前
    @livib 很少的
    Wenco
        45
    Wenco  
    OP
       21 天前
    @ixcode 哈哈哈哈,晚上改
    Wenco
        46
    Wenco  
    OP
       21 天前
    @goodryb 大佬专业👍,但是为了 SEO 我感觉还是将错就错比较好
    katwalk
        47
    katwalk  
       21 天前
    工具太少了,Html 美化、JavaScript 美化都没有。
    不过网站做得不错,看起来很舒服。
    gimp
        48
    gimp  
       21 天前
    @licoycn “完全离线” 用断网的图标好奇怪... 用个绿色的锁头表示安全会不会更好
    hmxxmh
        49
    hmxxmh  
       21 天前 via Android
    @Wenco 不是,word 或者 pdf ,做到字符级的比对
    Wenco
        50
    Wenco  
    OP
       21 天前
    @katwalk 感谢大佬建议,慢慢加,都会有的
    hahahasnoopy
        51
    hahahasnoopy  
       21 天前
    你这个想法我之前也想过,然后实践了一下,光一个 json 工具就离人家成熟的在线工具差很多,人家长时间打磨下来的,好用的工具不那么容易造出来
    protonme
        52
    protonme  
       20 天前 via iPhone
    我也打造过: https://inbrowser.app
    对 UI 、功能挺有自信的,是开源的。帖主可以对比下
    Wenco
        53
    Wenco  
    OP
       20 天前
    @hahahasnoopy 慢慢做,先搞定一个就好了
    Wenco
        54
    Wenco  
    OP
       20 天前
    @protonme 这个挺好,简介,功能也很齐全
    关于   ·   帮助文档   ·   自助推广系统   ·   博客   ·   API   ·   FAQ   ·   Solana   ·   1236 人在线   最高记录 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 28ms · UTC 23:53 · PVG 07:53 · LAX 15:53 · JFK 18:53
    ♥ Do have faith in what you're doing.