[浏览器]利用浏览器控制台快速查看base64加解密

最新推荐文章于 2025-05-07 13:41:30 发布

master336

最新推荐文章于 2025-05-07 13:41:30 发布

阅读量2.3k

点赞数

CC 4.0 BY-SA版权

分类专栏：解决方案及技巧 HTML/CSS/JavaScript 文章标签：数学建模

本文链接：https://blog.csdn.net/master336/article/details/131402017

解决方案及技巧同时被 2 个专栏收录

54 篇文章

订阅专栏

HTML/CSS/JavaScript

10 篇文章

订阅专栏

文章介绍了在JavaScript中使用window.atob()和btoa()进行Base64编码和解码的基本原理，并指出这两个方法不支持中文。为了解决中文Base64编码的报错问题，提出了通过URIEncoding和URIDecoding作为解决方案，提供了一个示例展示如何正确处理中文数据的编码和解码。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

原理

利用window自带的atob()和btoa()方法

atob(“需要解码的字符串”)
btoa(“需要加密的字符串，支持字母、数字等，不支持中文”)

效果与用法

1. base64编码

window.btoa("buzhichizhongwen!!!hahaha123")

1. base64解码

window.atob("eyJ0eXAiOiJKV1QiLCJhbGciOiJIUzI1NiJ9")

效果
关于中文
默认情况下如上方法不适用于中文，对中文进行base64编码将报错

Uncaught DOMException: Failed to execute ‘btoa’ on ‘Window’: The string to be encoded contains characters outside of the Latin1 range. at :1:8

在这里插入图片描述
解决方案： 将数据进行URIEncoding及URIDecoding

//编码中文数据
btoa(encodeURIComponent("我是中文数据，hahaha"))
'JUU2JTg4JTkxJUU2JTk4JUFGJUU0JUI4JUFEJUU2JTk2JTg3JUU2JTk1JUIwJUU2JThEJUFFJUVGJUJDJThDaGFoYWhh'
//解码中文数据
decodeURIComponent(atob("JUU2JTg4JTkxJUU2JTk4JUFGJUU0JUI4JUFEJUU2JTk2JTg3JUU2JTk1JUIwJUU2JThEJUFFJUVGJUJDJThDaGFoYWhh"))
'我是中文数据，hahaha'

效果：
在这里插入图片描述