Comment empêcher les éléments du navigateur d'être cachés?

Protection de filigrane de la page Web: répondez aux éléments du navigateur cachées

Lors de la conception de filigranes de la page Web, en plus de prévenir la falsification, vous devez également considérer la capacité du navigateur à cacher des éléments. Les utilisateurs peuvent facilement masquer les éléments via le menu avec le bouton droit sur le navigateur. Cet article explore comment empêcher ce comportement, ainsi que les événements et les changements de style déclenchés par la cachette des éléments.

Premièrement, afin d'empêcher les utilisateurs de déboguer le code via des outils de développeur de navigateur, vous pouvez essayer les méthodes suivantes pour éviter l'accès aux outils du développeur:

1. Désactivez le clic droit et F12: empêchez les utilisateurs d'ouvrir des outils de développement en écoutant les événements de clavier et de clic droit.

    // F12 est interdit
    document.addeventListener ('keydown', e => {
        if (e.KeyCode === 123) e.PreventDefault ();
    });
    // interdire le menu de clic droit document.addeventListener ('contextMenu', e => e.PreventDefault ());

2. Modifications de la taille de la page du moniteur: Les modifications de la taille de la fenêtre du navigateur peuvent être utilisées pour détecter si l'outil de développement est ouvert. Lorsque la différence de taille entre la zone visuelle et la fenêtre du navigateur dépasse le seuil, l'outil de développement est considéré comme ouvert.

    fonction CheckConsole () {
        CONSUR SEURSOLD = 200;
        const widthDiff = window.outerwidth - window.innerwidth;
        const heightDiff = window.outerHeight - Window.InnerHeight;
        if (widthDiff> threshold || heightDiff> threshold) {
            Console.log («Les outils de développement peuvent être ouverts»);
            // ajouter un traitement correspondant ici, comme avertir les utilisateurs ou prendre d'autres mesures}
    }
    window.addeventListener («redimensi», checkConsole);
    checkConsole ();

3. Utilisez des instructions debugger à Infinite Recursion (non recommandée): Cette méthode ne détecte pas directement l'outil de développeur, mais utilise des instructions debugger et des appels récursifs pour que le navigateur soit coincé lorsque l'outil de développeur est ouvert. Cette méthode est extrêmement non recommandée car elle peut sérieusement affecter l'expérience utilisateur et même provoquer des accidents de navigateur.

    // Cette méthode n'est pas recommandée car elle peut sérieusement affecter l'expérience utilisateur et peut provoquer des accidents de navigateur.
    // N'utilisez pas ce code dans un environnement de production.

La méthode ci-dessus n'est pas infaillible, il y a toujours une possibilité d'être contourné. Un moyen plus fiable consiste à convertir toute la page Web en une image, empêchant complètement l'utilisateur de supprimer les éléments de filigrane. Le choix de la bonne stratégie dépend de l'équilibre des besoins de sécurité et de l'expérience utilisateur.

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!