ブラウザの要素が非表示にならないようにする方法は？

Webページの透かし保護：非表示のブラウザ要素に応答します

改ざんを防ぐことに加えて、Webページの透かしを設計するときは、要素を非表示にするブラウザの能力も考慮する必要があります。ユーザーは、ブラウザの右クリックメニューを使用して要素を簡単に非表示にすることができます。この記事では、この動作を防ぐ方法、および要素の隠れによってトリガーされるイベントやスタイルの変更について説明します。

まず、ユーザーがブラウザ開発者ツールを介してコードをデバッグできないようにするために、開発者ツールへのアクセスを防ぐために、次の方法を試すことができます。

1. 右クリックとF12を無効にする：キーボードを聴き、イベントを右クリックして、ユーザーが開発者ツールを開くことを防ぎます。

    // F12は禁止されています
    document.addeventlistener（ 'keydown'、e => {
        if（e.keycode === 123）e.preventdefault（）;
    }）;
    //右クリックメニューdocument.addeventlistener（ 'contextmenu'、e => e.preventdefault（））を禁止します。

2. ページのサイズの変更：ブラウザのウィンドウサイズの変更を使用して、開発者ツールが開いているかどうかを検出できます。視覚領域とブラウザウィンドウのサイズの違いがしきい値を超えると、開発者ツールが開いていると見なされます。

    関数checkConsole（）{
        constしきい値= 200;
        const widthdiff = window.outerwidth -window.innerwidth;
        const heightdiff = window.outerheight -window.innerheight;
        if（widthdiff>しきい値|| heightdiff>しきい値）{
            console.log（ '開発者ツールが開いている場合があります'）;
            //ユーザーに警告したり、他の手段を講じたりするなど、ここに対応する治療を追加します}
    }
    window.addeventlistener（ 'resize'、checkConsole）;
    CheckConsolle（）;

3. debuggerステートメントを使用して無限の再帰（推奨されません）：この方法では、開発者ツールを直接検出するのではなく、 debuggerステートメントと再帰コールを使用して、開発者ツールが開かれたときにブラウザを停止させます。この方法は、ユーザーエクスペリエンスに深刻な影響を与えたり、ブラウザのクラッシュを引き起こす可能性があるため、非常に推奨されていません。

    //この方法は、ユーザーエクスペリエンスに深刻な影響を与える可能性があり、ブラウザのクラッシュを引き起こす可能性があるため、推奨されません。
    //このコードを生産環境で使用しないでください。

上記の方法は絶対確実ではなく、常にバイパスされる可能性があります。より信頼性の高い方法は、Webページ全体を画像に変換し、ユーザーが透かし要素を削除できないようにすることです。適切な戦略を選択することは、セキュリティのニーズとユーザーエクスペリエンスのバランスに依存します。

以上がブラウザの要素が非表示にならないようにする方法は？の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。