Chrome应用/扩展程序可以删除页面元素吗?

时间:2015-01-20 13:04:57

标签: javascript google-chrome-extension

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

基本上,我需要做的是删除页面内的<div class="feedmain">。我现在可以使用开发人员工具删除<div>,但是当我重新加载页面时,显然会重新加载该元素,所以我想开发一些自动为我做这个扩展的扩展。

所以我想知道是否可行,并概述如何在扩展中完成。

2 个答案:

答案 0 :(得分:18)

是的,绝对的,这很容易做到:您只需要一个内容脚本,它将被注入该特定页面以便为您删除该元素。

做你想做的事你需要:

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

    "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);
    

答案 1 :(得分:-3)