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员工]

在加载页面之前从页面中删除图像

1 个答案: