Как показывать alt изображения текстом в ВК?

Question

[WiKiTik]

Имеется необходимость в просмотре кодов Emoji-смайлов в постах ВКонтакте. Например, вот пост:
vk.com/wall-124855981_31288
В коде страницы нужные нам коды записаны в атрибуты Alt. Через Tampermonkey запустил скрипт:

$('img').each(function () {
  $(this).replaceWith($('<span>').html($(this).attr('alt')));
});

К сожалению, он не работает. Не подскажете, что нужно изменить в скрипте, чтобы вместо изображения показывался alt-"text"?
P.S. В javascript/jquery я полный ноль)

Comments

[WiKiTik]

MaxKorz, отключал в разных браузерах через настройки и плагины - изображения пропадают, но alt-текст все равно не отображается.

Answer 1

[twobomb]

$('img').each(function () {
  $(this).replaceWith('<span>'+$(this).attr('alt')+'</span>');
});

Comments

[WiKiTik]

Запустил скрипт, но, к сожалению, ничего не поменялось..

[twobomb]

WiKiTik, Не знаю где вы там что запустили, но у меня все работает. Возможно вы забыли подключить JQuery или запихнуть этот код в

$(document).ready(function(){
//Сюда
});

[WiKiTik]

twobomb, на других сайтах работает, а на сайте ВК нет.
А какую библиотеку JQuery нужно подключить и каким образом?

[twobomb]

WiKiTik, Ну jquery не ниже 1.2. Крч ставь последнюю да и все. Подключай ее выше скрипта.

[WiKiTik]

twobomb, заработало, спасибо. Только как теперь вместо Emoji-смайлов отображать их коды (пример: & # 128293; - убрать пробелы), которые указаны в alt'ах. Сейчас у меня вот так: joxi.ru/KAxNGwRc4PONjm
Смотрю в Хроме.

[twobomb]

WiKiTik, Типа такого? Если да, то коды в функции convert придется ручками вводить.
P.S. Узнать код символа можно так

var symbol = какойто_элемент.innerHTML или просто строка 
symbol.charCodeAt(0);//Вернет код первого символа

[WiKiTik]

twobomb, благодарю за помощь!
Функция charCodeAt() всегда возвращает значение, меньшее 65536, а так как многие Emoji-смайлы имеют код, больший этого значения, то пришлось функцию допилить. Также не потребовалось коды ручками вводить, т.к. charCodeAt() уже возвращает нужный нам код.
Вообщем, вот итоговый код:

$(document).ready(function(){
  $('img').each(function () {
    $(this).replaceWith('<span>'+convertChar($(this).attr('alt'))+'</span>');
  });
});

function convertChar(symbol){
    var code;
    code = knownCharCodeAt(symbol,0);
    code = "&#" + code + ";";
    return code.replace(/(.)/g,"<span>$1</span>");
}

function knownCharCodeAt(str, idx) {
  str += '';
  var code,
      end = str.length;

  var surrogatePairs = /[\uD800-\uDBFF][\uDC00-\uDFFF]/g;
  while ((surrogatePairs.exec(str)) != null) {
    var li = surrogatePairs.lastIndex;
    if (li - 2 < idx) {
      idx++;
    }
    else {
      break;
    }
  }

  if (idx >= end || idx < 0) {
    return NaN;
  }

  code = str.charCodeAt(idx);

  var hi, low;
  if (0xD800 <= code && code <= 0xDBFF) {
    hi = code;
    low = str.charCodeAt(idx + 1);
    // Перешагиваем через один, поскольку один «символ» является частью суррогатной пары
    return ((hi - 0xD800) * 0x400) + (low - 0xDC00) + 0x10000;
  }
  return code;
}