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
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.
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 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);
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" } } }
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, …
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!