Bagaimana untuk mencegah unsur -unsur dalam penyemak imbas daripada tersembunyi?

Laman Web Perlindungan Watermark: Balas elemen penyemak imbas tersembunyi

Apabila merancang laman web laman web, selain menghalang gangguan, anda juga perlu mempertimbangkan keupayaan penyemak imbas untuk menyembunyikan unsur -unsur. Pengguna dengan mudah boleh menyembunyikan elemen melalui menu klik kanan penyemak imbas. Artikel ini meneroka bagaimana untuk mencegah tingkah laku ini, serta perubahan peristiwa dan gaya yang dicetuskan oleh elemen bersembunyi.

Pertama, untuk mengelakkan pengguna daripada debugging kod melalui alat pemaju pelayar, anda boleh mencuba kaedah berikut untuk mengelakkan akses kepada alat pemaju:

1. Lumpuhkan klik kanan dan F12: Cegah pengguna daripada membuka alat pemaju dengan mendengar papan kekunci dan klik kanan.

    // f12 dilarang
    document.addeventListener ('keydown', e => {
        jika (e.Keycode === 123) E.PreVentDefault ();
    });
    // melarang dokumen menu klik kanan.addeventListener ('ContextMenu', e => E.PreVentDefault ());

2. Memantau Perubahan Saiz Halaman: Perubahan saiz tetingkap penyemak imbas boleh digunakan untuk mengesan sama ada alat pemaju dibuka. Apabila perbezaan saiz antara kawasan visual dan tetingkap penyemak imbas melebihi ambang, alat pemaju dianggap terbuka.

    fungsi checkConsole () {
        ambang const = 200;
        const widthdiff = window.outerWidth - window.innerWidth;
        const heightDiff = window.outerHeight - window.innerHeight;
        jika (widthdiff> ambang || ketinggiandiff> ambang) {
            console.log ('Alat pemaju boleh dibuka');
            // Tambah rawatan yang sepadan di sini, seperti pengguna amaran atau mengambil langkah lain}
    }
    window.addeventListener ('saiz semula', checkConsole);
    checkConsole ();

3. Gunakan pernyataan debugger untuk rekursi tak terhingga (tidak disyorkan): Kaedah ini tidak secara langsung mengesan alat pemaju, tetapi menggunakan kenyataan debugger dan panggilan rekursif untuk menyebabkan penyemak imbas terjebak apabila alat pemaju dibuka. Kaedah ini sangat tidak disarankan kerana ia boleh menjejaskan pengalaman pengguna secara serius dan juga menyebabkan kemalangan penyemak imbas.

    // Kaedah ini tidak disyorkan kerana ia boleh menjejaskan pengalaman pengguna secara serius dan boleh menyebabkan kemalangan penyemak imbas.
    // Jangan gunakan kod ini dalam persekitaran pengeluaran.

Kaedah di atas bukanlah masalah, selalu ada kemungkinan untuk dilangkau. Cara yang lebih dipercayai adalah untuk menukar seluruh laman web ke dalam imej, sepenuhnya menghalang pengguna daripada mengeluarkan unsur -unsur watermark. Memilih strategi yang betul bergantung kepada keseimbangan keperluan keselamatan dan pengalaman pengguna.

Atas ialah kandungan terperinci Bagaimana untuk mencegah unsur -unsur dalam penyemak imbas daripada tersembunyi?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!