Edge浏览器乱码问题
问题描述:
今天在国际化页面中遇到edge浏览器部分中文字符乱码的问题,而在其他浏览器测试均正常。
乱码部分的js文件是动态引入的,在加载过程出现了问题,导致界面出现字符乱码。
问题分析:
- 首先检查js文件的编码格式,跟界面保持一致,是以UTF-8形式,编码形式可以通过charset来设置。
- 编码格式正确,并且在其他浏览器中均没有问题,网上很多类似的情况也认为是edge浏览器本身存在的bug。
- 通过用户一些操作或者相关设置可以使界面显示正常,这部分可以自行谷歌。
- 而为了规避该问题,在国际化页面中,中文字符需要用Unicode编码来替换。
解决办法:
采用Unicode编码替换中文字符。
- 使用线上转码工具对字符进行转码
- 通过js自带的
charCodeAt()
方法可,返回指定位置的字符的 Unicode 编码。这个返回值是 0 - 65535 之间的整数。 charCodeAt()
返回的是十进制结果,再用toString(16)
转化为十六进制,并在前面用\u
拼接即可。
"中".charCodeAt(0).toString()
// "20013"
"中".charCodeAt(0).toString(16)
// "4e2d"
"\u4e2d"
// "中"