скрыть сломанное расширение img chrome

Question

моя проблема: В jsfiddle мне удалось успешно скрыть значок испорченного изображения.Однако при загрузке в расширение Chrome он не работает: /

пример:

некоторый фон:"post.url" может или может бытьне быть файлом изображения.И я хотел бы скрыть это, если это не так.Как мне это сделать?

Это мой текущий код:

$("#art").append('<img id="img" src="' + post.url + '"onerror="this.style.display=\'none\'"/>');

Answer 1

1. используйте правильные devtools - у всплывающего окна расширения есть отдельный отдельный доступ, доступный по щелчку правой кнопкой мыши по всплывающему окну и затем нажатием кнопки «проверить» (см. этот ответ для различных браузеров);
2. в правильных devtools вы увидите ошибку о блокировке встроенного JS;
3. , поскольку расширения не могут использовать встроенный JS по умолчанию (это хорошо, так что неизмените его),
   вместо этого подключите прослушиватель onerror программно:

$(`<img id="img" src="${post.url}">`).appendTo('#art').on('error', function() {
  this.style.display = 'none';
});

Answer 2

Используйте это, чтобы проверить, как предложил Рахул и мистер Листер

function checkURL(url) {
    return(url.match(/\.(jpeg|jpg|gif|png)$/) != null);
}