javascript - Chrome 应用程序/扩展程序删除页面元素?

标签 javascript google-chrome-extension

<分区>

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

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

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

最佳答案

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

做你想做的事你需要:

  1. 使用 manifest.json 文件创建一个简单的空 Chrome 扩展(请参阅 here 了解官方指南)。
  2. manifest.json 中指定"content_scripts" 字段,并声明要注入(inject)的脚本。像这样:

    "content_scripts": [
        {
            "matches": ["http://somesite.com/somepage.html"],
            "js": ["/content_script.js"]
        }
    ]
    

    看看here了解内容脚本的工作原理。

  3. 创建一个 content_script.js,它将为您删除该元素。该脚本基本上只包含以下两行:

    var element = document.querySelector('div.feedmain');
    element.parentElement.removeChild(element);
    

关于javascript - Chrome 应用程序/扩展程序删除页面元素?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/28046084/

相关文章:

javascript - 将 props 传递给子组件问题

javascript - 从注入(inject)的脚本中删除监听器

google-chrome-extension - 是否有任何可靠的方法可以在 chrome 扩展中捕获文件上传事件?

javascript - 谷歌地图 v3 API 标记在关闭其 InfoWindow (InfoBubble) 时消失

javascript - 出现未处理的错误 : 19. 0.0 不是有效的 SDK 版本

javascript - 火狐/Chrome扩展程序: how to open link when new tab is created?

javascript - 如何在注入(inject)代码中使用 GM_xmlhttpRequest?

javascript - Chrome 扩展程序 : reposition browser action popup. html 页面

javascript - 将内容添加到其他页面的按钮

javascript - 使用 Javascript 的实时日历(不是任何其他语言)