构建一个加载项以隐藏HTML页面上的<div>块

cap*_*com 5 firefox firefox-addon firefox-addon-sdk

有一个网页上有一些烦人的东西,我每次访问它时都想隐藏它.我认为这样做的一个好方法是为Firefox制作一个附加组件.

我之前从未这样做过,并且遇到过基于Web的Firefox附加组件构建器.我不太确定从哪里开始.我知道这应该很容易做到这一点.我想我需要做的就是检查网站上是否使用了具有特定ID的块,如果是,则从我的视图中删除/隐藏它.

这是最好的方法吗?如果没有,你有什么建议?如果是这样,你能给我任何帮助我完成这个的提示吗?

cap*_*com 8

对,我明白了:

仅使用独立的Firefox附加组件,请使用以下代码:

exports.main = function() {

    var pageMod = require("page-mod");
        pageMod.PageMod({
        include: "*.ca",
        contentScriptWhen: 'end',
        contentScript: 'document.getElementById("DIVID").style.visibility="hidden";'
    });
};
Run Code Online (Sandbox Code Playgroud)

只需替换DIVID你想要的任何东西.

同样,在Greasemonkey中,只需将其添加到脚本中:

document.getElementById('DIVID').style.visibility='hidden';
Run Code Online (Sandbox Code Playgroud)

我不想使用Greasemonkey的唯一原因是它不是那么容易分享.但它的便利性无法击败!