Javascript Chrome应用程序/扩展是否要删除页面元素?

Javascript Chrome应用程序/扩展是否要删除页面元素?,javascript,google-chrome-extension,Javascript,Google Chrome Extension,我需要创建一个Chrome扩展来处理某些页面上的HTML 基本上,我需要做的是删除页面中的。我目前可以使用开发人员工具删除,但是当我重新加载页面时,元素显然会重新加载,所以我想开发一些自动执行此操作的扩展 因此,我想知道这是否可能,以及如何在扩展中实现它的概述。是的,绝对是,这是可能的,而且非常容易做到:您所需要的只是一个内容脚本,它将被注入到特定页面中,以便为您删除元素 要想做你想做的事,你需要: 使用manifest.json文件创建一个简单的空Chrome扩展名(参见官方指南) 在mani

我需要创建一个Chrome扩展来处理某些页面上的HTML

基本上,我需要做的是删除页面中的
。我目前可以使用开发人员工具删除
,但是当我重新加载页面时,元素显然会重新加载,所以我想开发一些自动执行此操作的扩展


因此,我想知道这是否可能,以及如何在扩展中实现它的概述。

是的,绝对是,这是可能的,而且非常容易做到:您所需要的只是一个内容脚本,它将被注入到特定页面中,以便为您删除元素

要想做你想做的事,你需要:

  • 使用
    manifest.json
    文件创建一个简单的空Chrome扩展名(参见官方指南)
  • manifest.json
    中指定
    “content\u scripts”
    字段,并声明要注入的脚本。大概是这样的:

    "content_scripts": [
        {
            "matches": ["http://somesite.com/somepage.html"],
            "js": ["/content_script.js"]
        }
    ]
    
    看看内容脚本是如何工作的

  • 创建一个
    content\u script.js
    ,它将为您删除该元素。此脚本基本上只包含以下两行:

    var element = document.querySelector('div.feedmain');
    element.parentElement.removeChild(element);
    
  • 请尝试此扩展:


    有关此扩展的详细信息:

    对不起,对于堆栈溢出来说,这个问题可能太广泛了。而要求一个非现场的教程则立刻被认为是离题了。为了提出一个我们可以回答的问题,做更多的研究;当你有一个更狭隘的实现问题时,再问一次。请看以下两个帮助指南:和.P.S。您将问题标记为的事实表明,您现在提出一个可回答的问题还为时过早。@Xan我本可以在我所看到的脚本中添加一些内容,但主要是为了在正确的方向上推动。不知道为什么这会被视为违反规则?但不管怎样,下面我有一个非常好的答案,这确实帮助我陷入困境。无论如何,谢谢。我完全同意马可的回答是好的。我认为大多数负面反应来自。。还有一个事实是,任何带有“有人能给我指一个教程吗”的问题都被认为是离题的。如果我把你的问题编辑成对其他人更有用,可以吗?谢谢!这对于在页面加载时删除特定站点上的标记非常有用。我必须做一些小的改变,还有其他的提示。我必须将密钥
    “manifest\u version”:2,
    添加到我的清单中,否则Chrome会拒绝它。在未来,这可能会更高,所以检查文档。我还必须将脚本和匹配器包装在数组中<代码>“匹配项”:[“站点”]。最后,我必须为URL路径指定一个通配符。为
    匹配项设置根域是不够的<代码>“匹配项”:http://somesite.com/somepage.html/*“,
    再次感谢!使用它和中建议的突变观察者,我能够删除页面加载后添加的元素。