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

alert( "自荐一个“一步到位”的 base64 在线工具。" );

  •  5
     
  •   BuDai · 2021-04-07 09:47:33 +08:00 · 4963 次点击
    这是一个创建于 1328 天前的主题,其中的信息可能已经有所发展或是发生改变。

    base64.one

    大部分 base64 在线工具比较繁琐,操作步骤太多。复制 5qyi6L+O77yB 进入网站后,需要点击文本框 [ 1 ] 、粘贴文本 [ 2 ] 、点击解码 [ 3 ] 才能看到结果,如果需要复制结果,还需要选取文本 [ 4 ] 、复制文本 [ 5 ] 。

    所以开发了这个一步到位的在线工具,具体什么效果欢迎各位体验。

    文本框是默认聚焦的,所以打开网页后直接 Ctrl+V 可以获得最佳的交互体验。

    第 1 条附言  ·  2021-04-08 18:52:31 +08:00

    “如果能够 url 上直接带上内容就好了” 意见已采纳。
    如解码 VEhFIEJFU1QgQkFTRTY0IFRPT0w=,
    链接便会同步为 base64.one/#VEhFIEJFU1QgQkFTRTY0IFRPT0w=

    感谢各位的支持与建议

    第 2 条附言  ·  2021-04-08 19:38:06 +08:00
    chrome 浏览器已支持自动读取剪贴板功能(第一次访问会申请权限,可允许或关闭),载入网页可立即呈现已复制文本的处理结果。
    46 条回复    2021-04-10 17:36:16 +08:00
    unicloud
        1
    unicloud  
       2021-04-07 10:54:02 +08:00
    你好像在说我这个? https://www.dute.org/base64
    BuDai
        2
    BuDai  
    OP
       2021-04-07 11:10:16 +08:00
    @unicloud
    (是的,可以理解为包括你的这个 √)
    MrUser
        3
    MrUser  
       2021-04-07 11:20:33 +08:00   ❤️ 5
    要不要试试浏览器控制台:
    ```
    btoa('Hello World!'); // SGVsbG8gV29ybGQh
    atob('SGVsbG8gV29ybGQh'); // Hello World!
    ```
    moreant
        4
    moreant  
       2021-04-07 11:21:24 +08:00   ❤️ 2
    我选择 f12->atob/btoa
    moreant
        5
    moreant  
       2021-04-07 11:23:18 +08:00
    不过界面 ui 和使用体验还是不错的
    ck65
        6
    ck65  
       2021-04-07 11:37:28 +08:00   ❤️ 1
    支持,这才是一个工具该有的样子。
    DOLLOR
        7
    DOLLOR  
       2021-04-07 11:40:17 +08:00
    btoa('我觉得不行');
    // The string to be encoded contains characters outside of the Latin1 range.
    bruce0
        8
    bruce0  
       2021-04-07 11:41:28 +08:00
    ShuA1
        9
    ShuA1  
       2021-04-07 11:43:27 +08:00
    mac 的话,直接命令行
    echo "base64 string" | base64 -d
    Arrowing
        10
    Arrowing  
       2021-04-07 11:48:10 +08:00 via Android
    为了推广,你居然想出了这么个方案,默认聚焦,兄弟可以的,确实方便了点~
    crs0910
        11
    crs0910  
       2021-04-07 11:53:44 +08:00   ❤️ 1
    Chrome 版本 89.0.4389.114 (正式版本) (arm64)
    并没有 focus
    acmore
        13
    acmore  
       2021-04-07 13:57:37 +08:00
    $M = echo $C | base64
    $C = echo $M | base64 --decode
    iold
        14
    iold  
       2021-04-07 13:59:51 +08:00 via iPhone
    @DOLLOR #7 中文 url 编码一哈就可以了
    WEBUG
        15
    WEBUG  
       2021-04-07 14:01:52 +08:00
    ui 爱了
    muzuiget
        16
    muzuiget  
       2021-04-07 14:12:56 +08:00
    用 base64 说明在编程了,都不差这几步。
    efaun
        17
    efaun  
       2021-04-07 14:36:02 +08:00
    挺好玩的
    wdhwg001
        18
    wdhwg001  
       2021-04-07 14:42:02 +08:00 via iPhone   ❤️ 1
    @moreant atob/btoa 这两个函数名像极了 USB-A 口——永远会用反,即使偶尔用对了,心里也会怀疑自己是不是其实用错了。
    mxT52CRuqR6o5
        19
    mxT52CRuqR6o5  
       2021-04-07 14:49:34 +08:00
    这标题是在尝试 xss 注入吗
    phpnote
        20
    phpnote  
       2021-04-07 14:50:48 +08:00
    楼上提到的 btoa() 不支持中文
    FawkesV
        21
    FawkesV  
       2021-04-07 16:19:58 +08:00
    我用 utools,复制后,直接快捷键打开就能查看
    BuDai
        22
    BuDai  
    OP
       2021-04-07 18:09:07 +08:00
    @abersheeran 挺好,这个操作也挺便捷的,交互理念类似。如果有复制按钮就更好了
    Patrick95
        23
    Patrick95  
       2021-04-07 18:58:52 +08:00
    我一般用 Alfred Workflow
    jin5354
        24
    jin5354  
       2021-04-07 20:18:51 +08:00   ❤️ 1
    你干脆直接读用户剪切板得了
    Shotgun
        25
    Shotgun  
       2021-04-07 20:25:05 +08:00
    https://the-x.cn/base64/ 这才是真正好用的,字符编自动识别。json 直接给你格式化了。一些常见的数据都给你认别出来
    sarvatathagata
        26
    sarvatathagata  
       2021-04-07 20:32:35 +08:00
    btoa(encodeURIComponent("我觉得还行"))

    "JUU2JTg4JTkxJUU4JUE3JTg5JUU1JUJFJTk3JUU4JUJGJTk4JUU4JUExJThD"
    lmmortal
        27
    lmmortal  
       2021-04-07 20:42:06 +08:00   ❤️ 1
    好了 决定替换掉 base64.us
    ysmood
        28
    ysmood  
       2021-04-07 21:52:32 +08:00
    省掉了复制粘贴,我估计是没法再简化步骤了 https://github.com/ysmood/clip64
    ByteCat
        29
    ByteCat  
       2021-04-07 22:02:39 +08:00
    btoa atob 很方便
    auh
        30
    auh  
       2021-04-07 22:02:41 +08:00
    口算不会吗?
    woomly
        31
    woomly  
       2021-04-07 22:20:40 +08:00
    这还要工具?难道大脑没有内置 Base64 转换算法?[\滑稽]
    sdot96
        32
    sdot96  
       2021-04-07 22:28:27 +08:00
    utools 工具挺好的
    jsq2627
        33
    jsq2627  
       2021-04-07 22:46:42 +08:00   ❤️ 1
    如果能够 url 上直接带上内容就好了,比如

    base64.one/5qyi6L+O77yB
    base64.one/你好
    jsq2627
        34
    jsq2627  
       2021-04-07 22:50:02 +08:00
    顺便可以试试把 service worker 整上,全部缓存起来,极速打开
    xfcy
        35
    xfcy  
       2021-04-07 23:36:32 +08:00
    我觉得挺好,确实简化了步骤,挺舒服。
    abersheeran
        36
    abersheeran  
       2021-04-08 09:38:31 +08:00
    @jsq2627 哈哈哈,我怀疑你在说 https://pixiv.app/encoding
    abersheeran
        37
    abersheeran  
       2021-04-08 09:39:50 +08:00
    @BuDai 确实,加个复制按钮会比较方便。周末有空加。
    keventseng
        38
    keventseng  
       2021-04-08 10:21:33 +08:00
    xz410236056
        39
    xz410236056  
       2021-04-08 14:59:55 +08:00
    @DOLLOR
    btoa(unescape(encodeURIComponent("我觉得行")))
    0clickjacking0
        40
    0clickjacking0  
       2021-04-08 15:01:19 +08:00
    哈哈哈,可以开源嘛,想搭建在本地
    BuDai
        41
    BuDai  
    OP
       2021-04-08 18:13:16 +08:00
    @0clickjacking0
    这个技术上很简单的
    浏览器控制台就能看到源文件
    BuDai
        42
    BuDai  
    OP
       2021-04-08 19:38:55 +08:00
    @jin5354 好主意,谢谢
    jsq2627
        43
    jsq2627  
       2021-04-08 19:44:42 +08:00
    还可以顺手加上 OpenSearch metadata,就像
    https://www.baidu.com/content-search.xml

    然后给页面加上 `<link rel="search" type="application/opensearchdescription+xml" href="/content-search.xml" title="Base64 编解码">`

    至于有什么效果,可以试试直接在浏览器地址栏敲入:base64 (按 tab )🤔
    whatacold
        45
    whatacold  
       2021-04-09 21:47:18 +08:00
    界面、交互简洁,赞。

    想问下 UI 设计有没有系统性的资料(书籍、网站等)推荐的?想学习提高一下。
    BuDai
        46
    BuDai  
    OP
       2021-04-10 17:36:16 +08:00
    @whatacold 谢谢支持,但是专业的我并不清楚,这方面只是凭感觉做的
    我觉得你可以多实践一下
    关于   ·   帮助文档   ·   博客   ·   API   ·   FAQ   ·   实用小工具   ·   5649 人在线   最高记录 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 29ms · UTC 08:11 · PVG 16:11 · LAX 00:11 · JFK 03:11
    Developed with CodeLauncher
    ♥ Do have faith in what you're doing.