Question

我希望我的扩展程序阻止两个图像加载。

我认为可以通过在 content.js

中使用以下内容轻松实现

$("#rated-image").remove(); //id of one image
$(".blur-mask").remove(); //class of other image

并将run_at设为document_start。但它似乎没有做任何事情。

使用document_end时，它会执行content.js，因此代码不会出现问题。

我无法想象这样做的方法，谷歌也没有给出答案。

所以我想要的是，当页面开始加载时，图像会在有机会加载之前被删除。

Answer 1

我不确定你要做什么。如果你只是设置display：none！important，并且专门定位你想用css隐藏你的图像的目标，它就会比javascript循环更省钱。

我还包括了javascript（jQuery）解决方案。

也许如果你能说明你正在尝试做什么，我可以指导你找到最佳解决方案。

＆＃13;

$(document).ready(function(){
  // this deletes all images from the dom
  $("img").each(function(){
    $(this).remove();
  });
});

＆＃13;

.i-want-images-hidden-here img {
  display: none !important; /* this only targets imgs inside said container. You can remove .i-want-images-hidden-here before img to hide every image on your page */
}

＆＃13;

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div class="i-want-images-hidden-here">
  <img src="http://placehold.it/350x150" />
  <img src="http://placehold.it/350x150" />
  <img src="http://placehold.it/350x150" />
  <img src="http://placehold.it/350x150" />
  <img src="http://placehold.it/350x150" />
  <img src="http://placehold.it/350x150" />
</div>

＆＃13;

阻止特定图像，以便他们不会加载

1 个答案: