使用Cordova构建Android应用后出现特殊字符显示异常问题

这问题我之前帮好几个开发者排查过，本质是字符编码不一致导致的乱码，尤其是Cordova打包Android时特别容易踩这个坑。我给你拆解下原因和具体的修复方案：

出现模拟器正常、真机乱码的情况，核心都是编码不匹配，具体分这几点：

• 前端文件（HTML/JS/CSS）编码不是UTF-8：模拟器的WebView对编码容错性高，能自动识别，但Android真机的WebView更严格，非UTF-8文件会直接解析出错。
• 打包过程中编码被篡改：Cordova默认打包时如果没明确指定编码，部分资源文件可能被转成其他编码格式。
• 旧版本Android WebView默认编码不是UTF-8：Android 7.0以下的WebView有些默认用ISO-8859-1编码，导致特殊字符解析乱码。

按下面的步骤逐一排查，基本都能解决问题：

• 强制所有前端文件用UTF-8编码（无BOM）
  用VS Code、Sublime这类编辑器打开所有前端文件，右下角确认编码是UTF-8，如果不是就切换。关键是保存时要选UTF-8 without BOM——带BOM的文件在Android WebView里大概率会出乱码。
• 在HTML头部明确声明编码
  把<meta charset="UTF-8">放在所有HTML文件的<head>最开头位置，确保WebView一开始就用UTF-8解析内容：

  <!DOCTYPE html>
  <html>
  <head>
      <meta charset="UTF-8">
      <!-- 其他meta标签、样式等 -->
  </head>
  

• 配置Cordova打包编码
  在项目根目录的config.xml里添加以下配置，强制打包过程使用UTF-8编码：

  <preference name="Charset" value="utf-8" />
  

• 兼容旧Android版本的WebView
  如果需要支持Android 7.0以下设备，可以安装cordova-plugin-webview插件，然后在JS里手动设置编码：

  cordova plugin add cordova-plugin-webview
  

  之后在项目的初始化JS里添加：

  if (window.cordova && window.cordova.plugins.webview) {
      window.cordova.plugins.webview.setDefaultEncoding('utf-8');
  }
  

• 检查静态资源文件编码
  如果你的特殊字符是从JSON、txt这类静态资源加载的，也要确保这些文件保存为UTF-8编码，比如JSON文件不要用GBK或其他编码保存。

最后验证一下：打包前先用Chrome的设备模拟功能测试下字符显示，确认正常后再用Cordova打包安装到真机，应该就能解决乱码问题了。

内容的提问来源于stack exchange，提问作者NilVS