如何通过内容脚本阻止从<img/>加载？

Question

我正在为GMail开发Chrome扩展程序。当我打开已发送的邮件时，如果附加了图像，则从服务器下载。我想阻止浏览器点击 GET / url 。

我试过了 -

document.addEventListener("DOMSubtreeModified",function(){
    $("img-selector").remove();
},true);

我也使用了变异观察者。两种方法都删除了＆lt; img＆gt;来自DOM，但我仍然可以看到浏览器在网络面板中点击该图片网址。

那么，我如何阻止浏览器访问网址，并删除img？它需要在内容脚本中完成。您可以假设JQuery库可用。

提前致谢。

Answer 1

如果您事先知道网址格式，建议您使用chrome.webRequest或chrome.declarativeWebRequest API来屏蔽图片。这可以从后台/活动页面完成。

（this first revision of this answer显示了“beforeload”事件的示例。但是Chrome 35中的此事件has been removed，所以我删除了该示例。）