<分区>
我需要创建一个 Chrome 扩展程序来操作某些页面上的 HTML。
基本上,我需要做的是删除一个 <div class="feedmain">
在一个页面里面。我目前能够删除那个 <div>
使用开发人员工具,但是当我重新加载页面时元素显然会重新加载,所以我想开发一些扩展程序来自动为我执行此操作。
所以我想知道这是否可能,以及如何在扩展中完成的概述。
<分区>
我需要创建一个 Chrome 扩展程序来操作某些页面上的 HTML。
基本上,我需要做的是删除一个 <div class="feedmain">
在一个页面里面。我目前能够删除那个 <div>
使用开发人员工具,但是当我重新加载页面时元素显然会重新加载,所以我想开发一些扩展程序来自动为我执行此操作。
所以我想知道这是否可能,以及如何在扩展中完成的概述。
最佳答案
是的,当然,这是可能的,而且很容易做到:您所需要的只是一个内容脚本,它将被注入(inject)到该特定页面中,以便为您删除该元素。
做你想做的事你需要:
manifest.json
文件创建一个简单的空 Chrome 扩展(请参阅 here 了解官方指南)。在manifest.json
中指定"content_scripts"
字段,并声明要注入(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/
相关文章:
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 页面