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

[BuDai]

→ base64.one ←

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

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

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

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

感谢各位的支持与建议

chrome 浏览器已支持自动读取剪贴板功能（第一次访问会申请权限，可允许或关闭），载入网页可立即呈现已复制文本的处理结果。

[unicloud]

你好像在说我这个？ https://www.dute.org/base64

[BuDai]

@unicloud
（是的，可以理解为包括你的这个 √）

[MrUser]

要不要试试浏览器控制台：
```
btoa('Hello World!'); // SGVsbG8gV29ybGQh
atob('SGVsbG8gV29ybGQh'); // Hello World!
```

[moreant]

我选择 f12->atob/btoa

[moreant]

不过界面 ui 和使用体验还是不错的

[ck65]

支持，这才是一个工具该有的样子。

[DOLLOR]

btoa('我觉得不行');
// The string to be encoded contains characters outside of the Latin1 range.

[bruce0]

https://www.baidufe.com/fehelper/index/index.html 推荐一个 浏览器插件

[ShuA1]

mac 的话，直接命令行
echo "base64 string" | base64 -d

[Arrowing]

为了推广，你居然想出了这么个方案，默认聚焦，兄弟可以的，确实方便了点～

[crs0910]

Chrome 版本 89.0.4389.114 （正式版本） (arm64)
并没有 focus

[abersheeran]

https://pixiv.app/encoding#source-text=8J%2BYgui%2FmOiDvemaj%2BaEj%2Ba3t%2BaQreino%2BeggeOAgeeUqOmTvuaOpeWIhuS6q%2BS9oOeahCBiYXNlNjQg56CB55qE5a6e6ZmF5oSP5oCd44CC&target-type=text&source-type=base64

😂还能随意混搭解码、用链接分享你的 base64 码的实际意思。

[acmore]

$M = echo $C | base64
$C = echo $M | base64 --decode

[iold]

@DOLLOR #7 中文 url 编码一哈就可以了

[WEBUG]

ui 爱了

[muzuiget]

用 base64 说明在编程了，都不差这几步。

[efaun]

挺好玩的

[wdhwg001]

@moreant atob/btoa 这两个函数名像极了 USB-A 口——永远会用反，即使偶尔用对了，心里也会怀疑自己是不是其实用错了。

[mxT52CRuqR6o5]

这标题是在尝试 xss 注入吗

[phpnote]

楼上提到的 btoa() 不支持中文

[FawkesV]

我用 utools，复制后，直接快捷键打开就能查看

[BuDai]

@abersheeran 挺好，这个操作也挺便捷的，交互理念类似。如果有复制按钮就更好了

[Patrick95]

我一般用 Alfred Workflow

[jin5354]

你干脆直接读用户剪切板得了

[Shotgun]

https://the-x.cn/base64/ 这才是真正好用的，字符编自动识别。json 直接给你格式化了。一些常见的数据都给你认别出来

[sarvatathagata]

btoa(encodeURIComponent("我觉得还行"))

"JUU2JTg4JTkxJUU4JUE3JTg5JUU1JUJFJTk3JUU4JUJGJTk4JUU4JUExJThD"

[lmmortal]

好了 决定替换掉 base64.us 了

[ysmood]

省掉了复制粘贴，我估计是没法再简化步骤了 https://github.com/ysmood/clip64

[ByteCat]

btoa atob 很方便

[auh]

口算不会吗？

[woomly]

这还要工具？难道大脑没有内置 Base64 转换算法？[\滑稽]

[sdot96]

utools 工具挺好的

[jsq2627]

如果能够 url 上直接带上内容就好了，比如

base64.one/5qyi6L+O77yB
base64.one/你好

[jsq2627]

顺便可以试试把 service worker 整上，全部缓存起来，极速打开

[xfcy]

我觉得挺好，确实简化了步骤，挺舒服。

[abersheeran]

@jsq2627 哈哈哈，我怀疑你在说 https://pixiv.app/encoding

[abersheeran]

@BuDai 确实，加个复制按钮会比较方便。周末有空加。

[keventseng]

@jsq2627 base64.us 支持 url
编码：base64.us/#e=123
解码：base64.us/#d=MTIz

[xz410236056]

@DOLLOR
btoa(unescape(encodeURIComponent("我觉得行")))

[0clickjacking0]

哈哈哈，可以开源嘛，想搭建在本地

[BuDai]

@0clickjacking0
这个技术上很简单的
浏览器控制台就能看到源文件

[BuDai]

@jin5354 好主意，谢谢

[jsq2627]

还可以顺手加上 OpenSearch metadata，就像
https://www.baidu.com/content-search.xml

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

至于有什么效果，可以试试直接在浏览器地址栏敲入：base64 （按 tab ）🤔

[yangqingrong]

https://base64.wudimei.com/VEhFIEJFU1QgQkFTRTY0IFRPT0w=

https://base64.wudimei.com/5b6u5L+hIDEzNzE0NzE1NjA4

[whatacold]

界面、交互简洁，赞。

想问下 UI 设计有没有系统性的资料（书籍、网站等）推荐的？想学习提高一下。

[BuDai]

@whatacold 谢谢支持，但是专业的我并不清楚，这方面只是凭感觉做的
我觉得你可以多实践一下