Удаление изображений со страницы перед их загрузкой

Question

Я разрабатываю расширение с помощью Crossrider и хочу заблокировать определенные изображения до их загрузки. В настоящее время я пытаюсь в файле extension.js использовать следующий код, но он удаляет их только после их загрузки и не захватывает загруженные изображения AJAX. Как я могу сделать это с помощью Crossrider?

appAPI.ready(function($) { 
    $('img').remove(); 
}); 

Answer 1

Это лучше всего достигается в фоновом режиме рамки с использованием метода appAPI.webRequest.onRequest.addListener, чтобы поймать запросы изображений и блокировать их прежде, чем они загружаются. Например:

appAPI.ready(function() { 
    // The list of image file types you wish to block 
    var fileTypeBlockList = 'jpg|gif|svg'; 
    appAPI.webRequest.onRequest.addListener(function(details) { 
    if (details.method == "GET" && 
     details.requestUrl.match(new RegExp('.'+fileTypeBlockList+'$','i')) { 
     return { cancel: true }; 
    } 
    }); 
}); 

[Раскрытие: Я сотрудник Crossrider]