Safari浏览器扩展上下文菜单无法正常显示引号与表情符号

我编写了如下代码：

该代码在Google Chrome中可正常显示：

但在Safari中仅显示乱码：

请问引号与表情符号无法正常显示的可能原因有哪些？

可能原因 #

• 字符编码声明缺失或位置错误：未在HTML的<head>区域最开头添加<meta charset="UTF-8">声明，或者声明放在了非ASCII字符之后。Chrome对编码的容错检测能力更强，会自动识别页面为UTF-8编码，Safari则会使用默认编码解析，导致多字节的全角引号、表情符号被错误解析成乱码。
• 源文件编码错误：代码文件保存时使用了非UTF-8编码（如GBK、Latin-1等），这类编码本身不支持表情符号和全角引号的存储，写入时字符就已经损坏。Chrome会尝试对损坏的字符做兼容修复，Safari则会直接输出解析后的乱码。
• HTTP头编码配置错误：服务器返回的HTTP响应头中Content-Type字段指定了错误的字符集（例如charset=iso-8859-1），HTTP头的编码优先级高于HTML内的meta声明。Safari会严格遵循HTTP头的配置，Chrome则会优先根据页面内容匹配正确编码，因此出现两边表现不一致的情况。
• 非法字节序列输出：如果使用后端模板引擎渲染页面，渲染过程中可能错误拆分了多字节字符的字节序列，产生非法UTF-8字节。对这类非法内容，Chrome会统一替换为�占位符，Safari则会直接输出对应字节的字符表现，形成乱码。

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