隐藏损坏的img chrome扩展名

Question

我的问题：在jsfiddle上，我成功地成功隐藏了损坏的图像图标。但是，当加载到Chrome扩展程序上时，它不起作用：/

示例：

某些背景：“ post.url”可能是图像文件，也可能不是。如果不是这样，我想将其隐藏。我该怎么办？

这是我当前的代码：

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

Answer 1

1. 使用正确的devtools-扩展弹出窗口具有其自己的单独访问权限，可通过右键单击弹出窗口，然后单击“检查”（有关各种浏览器，请参见this answer）；
2. 在正确的devtools中，您将看到有关内联JS被阻止的错误；
3. 自extensions can't use inline JS by default起（这是一件好事，请不要更改），
   而是以编程方式附加onerror侦听器：

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

Answer 2

使用此功能检查Rahul和李斯特先生的建议

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