我需要创建一个Chrome扩展程序来操作某些页面上的HTML。
基本上,我需要做的是删除页面内的<div class="feedmain">
。我现在可以使用开发人员工具删除<div>
,但是当我重新加载页面时,显然会重新加载该元素,所以我想开发一些自动为我做这个扩展的扩展。
所以我想知道是否可行,并概述如何在扩展中完成。
答案 0 :(得分:18)
是的,绝对的,这很容易做到:您只需要一个内容脚本,它将被注入该特定页面以便为您删除该元素。
做你想做的事你需要:
manifest.json
文件创建一个简单的空Chrome浏览器扩展程序(请参阅here获取官方指南)。指定"content_scripts"
中的manifest.json
字段,并声明要注入的脚本。像这样:
"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);
答案 1 :(得分:-3)