如何实现JS在Chrome与IE中兼容双码Unicode表情显示？

碰到IE对Unicode表情支持的问题确实头疼，毕竟它不支持ES6的\u{...}语法和String.fromCodePoint方法。给你几个经过验证的兼容方案：

方案1：纯HTML字符实体（最稳妥） #

直接把每个Unicode码点转换成&#xXXXX;格式的字符实体，拼接在一起写在HTML里就行。比如你要的表情可以写成：

👶🏻

这个方法不需要任何JavaScript，Chrome和IE（包括较旧版本）都能正确解析显示组合表情，是最省心的方案。

方案2：Polyfill String.fromCodePoint（适合动态生成场景） #

如果需要用JavaScript动态生成表情，可以给IE补上String.fromCodePoint的兼容实现。把这段代码放在你的JS逻辑最前面：

if (!String.fromCodePoint) {
  String.fromCodePoint = function() {
    const chars = [];
    for (let i = 0; i < arguments.length; i++) {
      let codePoint = arguments[i];
      // 处理BMP（基本多语言平面）的码点
      if (codePoint < 0x10000) {
        chars.push(String.fromCharCode(codePoint));
      } else {
        // 处理超出BMP的码点，拆分成UTF-16代理对
        codePoint -= 0x10000;
        const highSurrogate = 0xD800 + (codePoint >> 10);
        const lowSurrogate = 0xDC00 + (codePoint & 0x3FF);
        chars.push(String.fromCharCode(highSurrogate, lowSurrogate));
      }
    }
    return chars.join('');
  };
}

之后你就可以正常使用String.fromCodePoint(0x1F476, 0x1F3FB)来生成表情了，这个polyfill会自动把高码点拆成IE支持的代理对，Chrome也能正常识别。

方案3：直接使用UTF-16代理对（适合固定表情） #

如果你只需要显示固定的几个组合表情，可以提前把每个Unicode码点转换成对应的UTF-16代理对，然后用String.fromCharCode拼接。比如：

• U+1F476 对应的代理对是 0xD83D, 0xDC76
• U+1F3FB 对应的代理对是 0xD83C, 0xFFFB

所以可以直接写：

const emoji = String.fromCharCode(0xD83D, 0xDC76, 0xD83C, 0xFFFB);

这个方法不需要额外的polyfill，直接在IE和Chrome中都能运行，缺点是需要手动转换码点，适合表情固定的场景。

总结 #

• 如果是静态显示表情，优先用方案1，零JS依赖，兼容性最好；
• 如果需要动态生成表情，推荐方案2，一次polyfill全场景复用；
• 固定表情的动态场景可以用方案3，更轻量。

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