Html 创建Chrome扩展以隐藏DIV显示:无;在特定页面上

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

我正在尝试创建我的第一个Chrome扩展

它基本上是一个针对特定元素的广告拦截器,在本例中是Facebook评论部分

它适用于所有的URL,但不适用于那个特定的域

清单文件:

{
"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/*但它仅适用于所有URL

Viktor

你走错了路。您的扩展应该在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,可以用来阻止该元素。非常感谢。