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

基本上,我需要做的是删除页面内的<div class="feedmain">。我目前可以使用开发人员工具删除该<div>,但是当我重新加载页面时显然会重新加载该元素,因此我想开发一些扩展程序来自动为我执行此操作。

因此,我想知道是否有可能,以及如何在扩展中完成的概述。

最佳答案

是的,绝对可以,而且很容易做到:您需要的是一个内容脚本,该脚本将被注入(inject)到该特定页面中,以为您删除元素。

要执行您想要的操作,您需要:

  • 使用manifest.json文件创建一个简单的空白Chrome扩展程序(有关官方指南,请参见here)。
  • "content_scripts"中指定manifest.json字段,并声明要注入(inject)的脚本。像这样:
    "content_scripts": [
        {
            "matches": ["http://somesite.com/somepage.html"],
            "js": ["/content_script.js"]
        }
    ]
    

    查看here以了解内容脚本如何工作。
  • 创建一个content_script.js,它将为您删除元素。该脚本基本上只包含以下两行:
    var element = document.querySelector('div.feedmain');
    element.parentElement.removeChild(element);
    
  • 关于javascript - Chrome应用程序/扩展程序要删除页面元素吗?,我们在Stack Overflow上找到一个类似的问题:https://stackoverflow.com/questions/28046084/

    10-12 00:13
    查看更多