Rumah > hujung hadapan web > tutorial js > RemoveCookieWall, satu sambungan dari Firefox

RemoveCookieWall, satu sambungan dari Firefox

WBOY
Lepaskan: 2024-09-12 10:31:02
asal
642 orang telah melayarinya

RemoveCookieWall, una extension de Firefox

Adakah anda bosan dengan sepanduk yang telah menjadi bergaya di tapak web sehingga anda menerima kuki atau pembayaran pihak ketiga? Dalam siaran ini saya menerangkan cara saya membuat (dan menerbitkan) sambungan Firefox untuk mengelakkannya di kebanyakan tapak

MAKLUMAT

Kod untuk sambungan ini diterbitkan di https://github.com/jagedn/removecookiewall-addon dan anda boleh memasangnya dalam Firefox (juga pada mudah alih) daripada https://addons.mozilla.org/es/firefox/addon/removecookiewall/

Selama beberapa bulan, dan disebabkan oleh keperluan Eropah (saya rasa), kebanyakan tapak web menunjukkan sepanduk kepada anda pada kali pertama anda mengaksesnya yang tidak membenarkan anda meneruskan sehingga anda membuat keputusan antara:

  • Saya akan meletakkan beribu-ribu kuki pihak ketiga dalam penyemak imbas anda yang akan mengintip perkara yang anda semak imbas

  • pergi ke daftar keluar dan bayar saya supaya saya tidak melakukannya

Kebanyakan perpustakaan ini melaksanakan javascript sebaik sahaja halaman dimuatkan yang membaca kuki anda. Jika mereka melihat bahawa anda belum mendaftar keluar, mereka menunjukkan kepada anda dialog HTML dan menyekat badan menukar gaya kepada "sekat" (atau serupa)

Dialog ini tidak membenarkan anda membaca perkara di bawah tetapi...​ ia masih merupakan elemen DOM HTML, jadi, memandangkan penyemak imbas membenarkan anda membuka konsol pembangunan dan memeriksa HTML, saya mendapat idea untuk menghapuskan secara manual dialog (anda hanya klik pada inspect, lihat dalam HTML di mana ia ditakrifkan dan klik pada delete) dan chimpón, dialog itu hilang. Kemudian saya mencari pengisytiharan "badan" dan dengan mengklik dua kali pada atribut gaya saya mengalih keluar harta yang menyekatnya dan saya kini boleh menatal.

Sihir kecil.

Apa yang berlaku kemudian? Nah, kod javascript hanya terus menunggu acara pengguna tiba memberitahunya butang yang telah anda tekan, tetapi butang ini tidak ada lagi, jadi ia tidak akan sampai dan ia tidak akan memasang kuki pihak ketiga.

Ok, tetapi bagaimana jika saya memuat semula halaman? Mulakan semula...​ jadi ini sesuai untuk sambungan penyemak imbas baharu untuk melakukannya untuk saya.

RemoveCookieWall Extension

Pelanjutan Firefox, ringkasnya, ialah ruang memori penyemak imbas yang dikhaskan di mana kod javascript dilaksanakan yang boleh berdialog dengannya.

Ia boleh (jika pengguna memberikan kebenaran) menyuntik kod ke dalam halaman yang anda lawati, membuka tab, menutupnya, berkomunikasi dengan perkhidmatan jauh,...

RemoveCookieWall ialah sambungan Firefox yang "satu-satunya" perkara yang diperlukan adalah untuk penyemak imbas menyuntik kod javascript kecil ke dalam semua halaman yang dilawati pengguna.

Javascript ini, kerana halaman telah dimuatkan, akan memeriksa jika terdapat elemen DOM yang sepadan dengan mana-mana elemen yang saya telah siasat yang mereka gunakan. Jika ia mengesannya, ia akan menggunakan fungsi Javascript standard untuk memadamkannya.

Memandangkan sepanduk kadangkala boleh muncul (mili) saat selepas kod kami dilaksanakan, perkara yang dilakukan oleh skrip ialah mengulangi carian selama beberapa saat. Selepas masa ini, jika sepanduk tidak muncul, sambungan menganggap bahawa halaman itu tidak mempunyai CookieeWall dan berakhir

Dan ini sahaja. Yang tinggal hanyalah membungkus kod, menambah fail Manifes yang menunjukkan kebenaran sambungan kami perlukan dan menerbitkannya dalam Firefox

Kod

Kod JS pada asasnya ialah:

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);
Salin selepas log masuk

Sebaik sahaja kod disuntik ke dalam halaman, selang bermula setiap 100 mililiter

Skrip melihat untuk melihat sama ada document.body.querySelectorAll menemui sebarang elemen seperti #mrf-popup, #didomi-popup, dsb. Jika ia menemuinya, cuma alih keluarnya dengan element.remove()

Selepas beberapa percubaan ia akhirnya memadamkan selang

Setiap sambungan mesti mempunyai fail Manifes. Yang untuk sambungan ini ialah:

{

    "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"
        }
    }
}
Salin selepas log masuk

Seperti yang anda lihat, content_scripts menunjukkan bahawa kami ingin menyuntik js ke dalam semua halaman. Sambungan lain hanya boleh menunjukkan tapak, yang lain melaksanakan javascript di latar belakang, …

Bina dan terbitkan

Untuk menerbitkan dalam Firefox, kami hanya perlu menyediakan zip yang mengandungi semua fail yang diperlukan oleh sambungan. Untuk memudahkan saya telah membuat build.sh yang hanya menjalankan zip:

zip -r -FS ../remove-cookiewall.zip * --exclude '.git' --exclude 'build.sh'

Menerbitkan sambungan dalam Firefox tidak mempunyai komplikasi dan percuma. Satu-satunya perkara yang sambungan anda perlu lulus semakan awal yang mungkin mengambil masa satu (atau beberapa) hari

Atas ialah kandungan terperinci RemoveCookieWall, satu sambungan dari Firefox. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

sumber:dev.to
Kenyataan Laman Web ini
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Tutorial Popular
Lagi>
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan