如何在 GMAILS Chrome 扩展程序中阻止图像加载？

Question

在我简单的 gmail chrome 扩展程序中 - 我想防止在已发送邮件中加载图像。

当我包含时，chrome.webRequest.onBeforeRequest.addListener 内部正在工作

urls: [ "*://*.googleusercontent.com/*" ]

在 urls 数组中。但这会触发我只想为此模式触发的所有图像"*://*/#https://mysite/*",

但它根本没有触发 - 如果我包含 googleusercontent url，它正在以这种格式使用 details.url - https://ci6.googleusercontent.com/proxy/IB4W2KvisZjL2rgC....#https://mysite/*

清单

"permissions": [
    "webRequest",
    "webRequestBlocking",
    "*://*.googleusercontent.com/*",
    "*://*/#https://track1/*",
    "*://*.googleusercontent.com/*/://track1/*"
],

在后台脚本

中

chrome.webRequest.onBeforeRequest.addListener(
        function(details) {
            console.log(details);    
        }, {
        urls: [
            "*://*/#https://track1/*",
        ]
       }, ['blocking']
 );

我认为问题在于模式匹配，但我无法理解哪种模式适合使用

Answer 1

chrome.webRequest.onBeforeRequest.addListener(
        function(details) {
           // Here inside details.url - you see each image is in format https://googlecontent 
            console.log(details);    
        }, {
        urls: [
            "*://*/#https://track1/*",
        ]
       }, ['blocking']
 );

如上所述，在 details.url 内部 - 您会看到每个图像的格式为 https://googlecontent
所以你需要在 urls 数组中包含这个模式。
现在如何获取所需的 url 链接是

if (details.url.includes('<include link string here>') || details.url.includes('<other link here>')) {
    if (some condition to stop image load met) cancel = true;
}