使用jQuery .text()方法处理日文时出现字符集乱码问题

以下是几个针对性的排查和解决步骤：

• 检查JS文件的实际编码格式
  页面和script标签的charset设置只是告诉浏览器怎么解析，但如果你的JS文件本身不是以UTF-8编码保存的，依然会乱码。打开你的JS文件，用编辑器（比如VS Code）查看右下角的编码标识，若不是UTF-8，直接切换编码并重新保存。注意部分旧环境可能需要带BOM的UTF-8，可尝试切换为「UTF-8 with BOM」保存后测试。

• 验证服务器返回JS文件的编码头
  浏览器解析JS文件时，服务器返回的Content-Type优先级高于页面的charset设置。打开浏览器开发者工具（F12），切换到「网络」面板，找到你的JS文件，查看响应头里的Content-Type是否包含charset=utf-8（比如application/javascript; charset=utf-8）。如果没有，需要配置服务器：

  • Apache：在.htaccess或httpd.conf中添加AddType application/javascript .js;charset=utf-8
  • Nginx：在对应location块中添加charset utf-8;

• 对比赋值方式与正常场景的差异
  你提到用.append()可以正常处理日文，那检查当前切换文本用的是.text()还是.html()？如果是.html()，确认日文里是否包含特殊字符（比如<、&）导致转义问题，换成.text()试试。另外，若当前是直接在JS代码中硬编码日文，可尝试将日文转为Unicode转义字符（比如「切り替え」写成\u5207\u308a\u66ff\u3048），这种写法不受文件编码影响，能避免乱码。

• 排查变量来源的编码问题
  如果按钮文本是从变量读取的，检查变量的生成逻辑：是不是从后端接口获取的？接口返回的编码是否为UTF-8？或者是不是从某个DOM元素中读取的？读取时有没有编码转换错误？

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