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

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

  •  
  •   Wenco · 1 天前 · 2690 次点击
  •   查看本主题需要登录

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

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

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

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