RemoveCookieWall，Firefox 扩展-js教程-PHP中文网

RemoveCookieWall，Firefox 扩展

王林

发布： 2024-09-12 12:28:53

转载

820人浏览过

removecookiewall，firefox 扩展

您是否厌倦了网站上流行的横幅，以便您接受第三方 cookie 或结账？在这篇文章中，我解释了如何制作（并发布）一个 firefox 扩展以避免大多数网站出现这种情况

信息: 此扩展的代码发布于 https://github.com/jagedn/removecookiewall-addon 您可以从 https://addons.mozilla.org/es/firefox/addon/removecookiewall/
在 firefox（也可在移动设备上）中安装它

在几个月的时间里，由于欧洲的要求（我认为），大多数网站都会在您第一次访问它们时向您显示一个横幅，除非您在以下两者之间做出决定，否则您无法继续操作：

我将在您的浏览器中放置数千个第三方 cookie，以监视您浏览的内容
去收银台付钱给我，这样我就不会这样做

大多数这些库会在页面加载后立即执行 javascript 来读取您的 cookie。如果他们发现您尚未签出，则会向您显示一个 html 对话框并阻止正文，将样式更改为“阻止”（或类似）

这个对话框不允许您阅读下面的内容，但是...它仍然是 html 的 dom 元素，因此，由于浏览器允许您打开开发控制台并检查 html，所以我想到了手动消除对话框（您只需单击“检查”，在定义它的 html 中搜索并单击“删除”）和 chimpón，对话框就会消失。然后，我查找“body”声明，并通过双击样式属性，删除阻止它的属性，现在可以滚动。

小魔法。

然后发生了什么？好吧，javascript 代码只是一直等待用户事件到达，告诉它您按下了哪个按钮，但这些按钮不再存在，因此它永远不会到达，也不会安装第三方 cookie。

好的，但是如果我刷新页面怎么办？好吧，重新开始... 所以这非常适合新的浏览器扩展来为我做这件事。

删除 cookiewall 扩展

firefox 扩展，简而言之，是一个保留的浏览器内存空间，其中执行可以与之对话的 javascript 代码。

它可以（如果用户授予权限）将代码注入您访问的页面、打开选项卡、关闭选项卡、与远程服务通信......

removecookiewall 是一个 firefox 扩展，它“唯一”需要的是浏览器向用户访问的所有页面注入一小段 javascript 代码。

当页面加载时，这个 javascript 将检查是否有一个 dom 元素与我调查过的他们正在使用的任何元素相匹配。如果检测到它，它将使用标准 javascript 函数将其删除。

ChatGPT Writer

免费 Chrome 扩展程序，使用 ChatGPT AI 生成电子邮件和消息。

查看详情

由于横幅有时会在我们的代码执行后（毫秒）秒出现，因此脚本所做的就是重复搜索几秒钟。此后，如果横幅尚未出现，则扩展程序假定该页面没有 cookieewall 并结束

这就是全部。剩下的就是打包代码，添加一个清单文件来指示我们的扩展所需的权限，然后在 firefox 中发布它

代码

js代码基本上是：

var readystatecheckinterval;
var counter = 0;

function sanitizebody() {
    document.body.style.overflow = "unset"
    document.body.classlist.remove('sxnlzit')
    document.body.classlist.remove('didomi-popup-open')
    document.body.parentnode.classlist.remove('sp-message-open')
}

function removeme(element) {
    element.remove();
    sanitizebody();
}

readystatecheckinterval = setinterval(function() {
    if (document.readystate === "complete") {
        counter++;
        const removeparent = ['div.pmconsentwall']; //elpais
        [...removeparent].foreach(s => {
            var divs = document.body.queryselectorall(s);
            [...divs].foreach(element => {
                removeme(element.parentnode);
            });
        });
        const removethis = [
            'div[data-nosnippet="data-nosnippet"]',
            '#mrf-popup',
            '#didomi-popup',
            '[id^="sp_message_container_"]',
            '#cl-consent',
            'dialog.cookie-policy'
        ];
        [...removethis].foreach(s => {
            var divs = document.body.queryselectorall(s);
            [...divs].foreach(element => {
                removeme(element);
            });
        });
        if (counter > 30) {
            clearinterval(readystatecheckinterval);
        }
    }
}, 100);

登录后复制

代码注入页面后，每隔 100 毫升开始一个间隔

该脚本会查看 document.body.queryselectorall 是否找到任何元素，例如 #mrf-popup、#didomi-popup 等。如果找到它，只需使用 element.remove()

将其删除

经过几次尝试，最终删除了间隔

每个扩展都必须有一个 manifest 文件。此扩展的内容很简单：

{

    "description": "Remove CookieWall",
    "manifest_version": 2,
    "name": "RemoveCookieWall",
    "version": "0.11",
    "homepage_url": "https://github.com/jagedn/removecookiewall-addon",
    "icons": {
        "48": "icons/border-48.png"
    },
    "content_scripts": [{
        "matches": [
            "*://*/*"
        ],
        "js": ["removeCookieWall.js"]
    }],
    "browser_specific_settings": {
        "gecko": {
            "id": "remove-cookiewall@aguilera.soy"
        }
    }
}

登录后复制

如你所见，content_scripts表示我们要将js注入到所有页面中。其他扩展只能指示一个站点，其他扩展在后台执行 javascript，...