Html 创建Chrome扩展以隐藏DIV显示:无;在特定页面上
我正在尝试创建我的第一个Chrome扩展 它基本上是一个针对特定元素的广告拦截器,在本例中是Facebook评论部分 它适用于所有的URL,但不适用于那个特定的域 清单文件:Html 创建Chrome扩展以隐藏DIV显示:无;在特定页面上,html,css,google-chrome,google-chrome-extension,Html,Css,Google Chrome,Google Chrome Extension,我正在尝试创建我的第一个Chrome扩展 它基本上是一个针对特定元素的广告拦截器,在本例中是Facebook评论部分 它适用于所有的URL,但不适用于那个特定的域 清单文件: { "name": "My extension", "version": "1.0", "manifest_version": 2, "content_scripts": [ { "matches": ["http://visir.is/*"], //where your script should
{
"name": "My extension",
"version": "1.0",
"manifest_version": 2,
"content_scripts": [
{
"matches": ["http://visir.is/*"], //where your script should be injected
"css": ["style.css"] //the name of the file to be injected
}
]
}
style.css文件:
.FB评论{
显示:无;
}
你知道如何纠正匹配吗
我尝试了中指定的*://visir.is/*但它仅适用于所有URLViktor
你走错了路。您的扩展应该在Facebook站点上工作,因此清单中的matches语句必须与以下内容完全相同:
匹配项:[*]
然后,您需要查找时间线中的所有注释(很可能是通过css类),检测目标站点地址//visir.is/的存在,然后隐藏这些注释
由于时间线动态加载更多帖子,因此您还需要观察新节点,并在其上应用您的功能。请参见下面my Chrome extension中的示例:
var obs=新突变观察者功能突变,观察者{
对于var i=0;i<突变[0]。addedNodes.length;i++{
如果突变[0]。添加的节点[i]。节点类型==1{
$translations[0]。addedNodes[i]。find.userContentWrapper.eachfunction{
注入FBMbutton美元;
};
}
}
注入主按钮;
};
obs.observedocument.body,{childList:true,subtree:true,attributes:false,characterData:false};非常感谢!你的权利。我指定的div在Facebook内部。但是,我在页面中发现了另一个div,可以用来阻止该元素。非常感谢。