如何防止通过内容脚本从<img>加载

How can I prevent loading from <img> via content script?

本文关键字：img 加载 脚本 何防止      更新时间：2023-09-26

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

我试过了——

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

我还使用过突变观察者。这两种方法都从 DOM 中删除了 ，但我仍然可以看到浏览器在网络面板中点击该图像 url。

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

提前谢谢。

如果您事先知道 URL 模式，我建议使用 chrome.webRequest 或 chrome.declarativeWebRequest API 来阻止图像。这可以从背景/事件页面完成。

（此答案的第一次修订显示了"前加载"事件的示例。但是，此事件已从Chrome 35中删除，因此我删除了该示例。

相关文章：