处理部分手机无法显示emoji表情

emoji表情不断地添加 部分用户不更新手机系统导致网页中显示不了新的emoji表情

理想情况

 糟糕情况1

  糟糕情况2

  糟糕情况3

怎么解决这些糟糕的情况呢？

引入CDN（也可以npm安装）

<link href="http://cdn.staticfile.org/emoji/0.2.2/emoji.css" rel="stylesheet" type="text/css" />
<script src="http://cdn.staticfile.org/jquery/2.1.0/jquery.min.js">script>
<script src="http://cdn.staticfile.org/emoji/0.2.2/emoji.js">script>

 <div class="emojstext">????????????asdasdasddiv>

  <script>
    var $text = $('.emojstext');
    var html = $text.html().trim().replace(/\n/g, '
');
    $text.html(jEmoji.unifiedToHTML(html));
  script>

替换完的效果

原理是 将原来的emoji表情替换成背景图片

该项目开源地址

https://github.com/node-modules/emoji