Google chrome extension 如何让扩展阻止页面上的元素?

Google chrome extension 如何让扩展阻止页面上的元素?,google-chrome-extension,Google Chrome Extension,我想用最简单的方法来实现这一点,我不介意它是否允许加载元素,然后隐藏它。基本上,我想做一个不同于以前对YouTube评论拦截器所做的事情,但我不知道如何实际获得我的扩展来阻止评论。我知道有限的HTML/CSS/JavaScript,但我不知道从哪里开始。我已经知道需要从页面中持续删除哪些元素,但不知道如何告诉chrome隐藏它们 编辑:如果可能的话,为了进一步深入,我想根据某些部分的在HTML中写下它们的博客,这是我的Facebook广告禁用程序: manifest.json { "name

我想用最简单的方法来实现这一点,我不介意它是否允许加载元素,然后隐藏它。基本上,我想做一个不同于以前对YouTube评论拦截器所做的事情,但我不知道如何实际获得我的扩展来阻止评论。我知道有限的HTML/CSS/JavaScript,但我不知道从哪里开始。我已经知道需要从页面中持续删除哪些元素,但不知道如何告诉chrome隐藏它们


编辑:如果可能的话,为了进一步深入,我想根据某些部分的

在HTML中写下它们的博客,这是我的Facebook广告禁用程序:

manifest.json

{
  "name": "Facebook Ads Disabler",
  "version": "0.0.1",
  "description": "Disable side ads on facebook! By Alexander Piechowski.",
  "content_scripts": [
    {
        "matches": [
        "http://*.facebook.com/*","https://*.facebook.com/*"],
        "js": ["main.js"],
        "run_at": "document_end",
        "all_frames": true
    }
  ]
}
main.js

function remove(){
try
  {
    document.getElementById('pagelet_ego_pane_w').innerHTML = '';
  }
catch(err)
  {
    //Skip if "pagelet_ego_pane_w" div tag isn't on this page
  }
  try
  {
        document.getElementById('pagelet_ego_pane').innerHTML = '';
  }
catch(err)
  {
    //Skip if "pagelet_ego_pane" div tag isn't on this page
  }
    try
  {
        document.getElementById('pagelet_side_ads').innerHTML = '';
  }
catch(err)
  {
    //Skip if "pagelet_side_ads" div tag isn't on this page
  }
      try
  {
        document.getElementById('fbPhotoSnowliftAdsSide').innerHTML = '';
  }
catch(err)
  {
    //Skip if "fbPhotoSnowliftAdsSide" div tag isn't on this page
  }
console.log('All ads have been removed.');
setTimeout(function(){remove();},2000);
}
remove();
这会使ID的所有内部完全空白,并在我进入facebook内的新页面时每2秒重新运行一次。

该API可用于取消某些请求。可以使用来检测资源负载。
DomainNodeInserted
事件可用于检测节点插入。这也可以实现