Safari为何将™符号渲染为â„¢？如何解决该问题

问题原因 #

• 字符编码不匹配：本地HTML文件未明确声明编码，Safari打开本地文件时默认采用了单字节编码（如ISO-8859-1）。而™属于UTF-8编码的多字节字符，用单字节编码解析就会被拆解为â„¢这类乱码字符。
• Chrome、Firefox对本地文件的编码检测逻辑更智能，能自动识别UTF-8编码；部署到服务器后，服务器会发送Content-Type: text/html; charset=utf-8响应头，强制所有浏览器用UTF-8解析，因此不会出现乱码。

解决方法 #

• 添加编码声明：在HTML的<head>标签内加入<meta charset="UTF-8">，明确告诉浏览器用UTF-8解析文件，这是最通用的解决方案。
• 确保文件存储编码为UTF-8：用编辑器（如VS Code）保存文件时，确认编码设置为UTF-8（VS Code右下角可查看和切换编码），避免文件本身以非UTF-8格式存储。
• 临时手动切换编码：若无法修改HTML文件，可在Safari中通过「显示」→「文本编码」→选择「UTF-8」临时修复乱码，但这仅适用于本地打开的场景，不具备通用性。

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