Chrome扩展中特殊字符编码自动转换问题及解码方法咨询

阿华AIGC实验室

2026-4-28

解决Chrome扩展中字符编码自动转换的问题

我来帮你搞定这个字符乱码的问题！你遇到的情况其实是UTF-8编码的字符被错误解析成了Latin-1（或Windows-1252）编码，导致原本的方块字符变成了乱码ðŸŸ©。下面给你几个可行的解决思路：

1. 从根源避免转码：确保文件编码为UTF-8

最直接的方法是让你的源码文件本身以UTF-8编码保存：

打开你的HTML/JS文件，在编辑器（比如VS Code）中检查右下角的编码标识，确保是UTF-8；如果不是，点击编码选项选择「通过编码保存」，指定为UTF-8。
在HTML文件的<head>标签里加上<meta charset="UTF-8">，强制浏览器用UTF-8解析内容：
```
<head>
  <meta charset="UTF-8">
</head>
```

这样直接写入就不会被自动转码成乱码了。

2. 对已乱码的字符进行解码

如果已经出现了ðŸŸ©这种乱码，你可以用JavaScript把它转回去：

// 假设你拿到的乱码字符串是这个
const garbledText = "ðŸŸ©";

// 步骤1：把乱码字符串转成Latin-1编码的字节数组
const byteArray = new Uint8Array(
  [...garbledText].map(char => char.charCodeAt(0))
);

// 步骤2：用UTF-8解码字节数组，得到原始字符
const decodedText = new TextDecoder("utf-8").decode(byteArray);

// 现在decodedText就是你想要的了
document.getElementById("green").textContent = decodedText;