Wie können Sie verhindern, dass Elemente im Browser versteckt werden?

Webseite Wasserzeichenschutz: Reagieren Sie auf versteckte Browserelemente

Bei der Gestaltung von Webseiten -Wassermarkierungen müssen Sie neben der Verhinderung von Manipulationen auch die Fähigkeit des Browsers berücksichtigen, Elemente zu verbergen. Benutzer können Elemente einfach über das Rechtsklickmenü des Browsers ausblenden. In diesem Artikel wird untersucht, wie dieses Verhalten sowie Ereignisse und Stiländerungen durch Elementverschläge ausgelöst werden können.

Um zu verhindern, dass Benutzer den Code durch Browser -Entwickler -Tools debuggen, können Sie die folgenden Methoden ausprobieren, um den Zugriff auf Entwickler -Tools zu verhindern:

1. Deaktivieren Sie mit der rechten Maustaste und F12: Verhindern Sie, dass Benutzer Entwicklertools eröffnen, indem Sie Tastaturen anhören, und klicken Sie mit der rechten Maustaste.

    // F12 ist verboten
    document.addeventListener ('keydown', e => {
        if (e.keycode === 123) e.preventDefault ();
    });
    // das mit der rechten Maustaste klicken Menü dokument verbieten.

2. Änderungen der Seitengröße der Seitengröße: Die Änderungen der Browser -Fenstergröße können verwendet werden, um festzustellen, ob das Entwickler -Tool geöffnet ist. Wenn der Größenunterschied zwischen dem visuellen Bereich und dem Browserfenster den Schwellenwert überschreitet, wird das Entwicklerwerkzeug als offen angesehen.

    Funktion checkconsole () {
        const -Schwelle = 200;
        const widthdiff = window.outerwidth - window.innnerwidth;
        const heighddiff = window.outerHeight - window.innerHeight;
        if (widthdiff> Schwelle || heightdiff> Schwelle) {{
            console.log ('Entwickler -Tools können offen sein');
            // Fügen Sie hier die entsprechende Behandlung hinzu, z. B. Warnnutzer oder andere Maßnahmen}
    }
    window.adDeVentListener ('Größenreside', checkConsole);
    checkConsole ();

3. Verwenden Sie debugger -Aussagen zur unendlichen Rekursion (nicht empfohlen): Diese Methode erkennt das Entwickler -Tool nicht direkt, sondern verwendet debugger -Anweisungen und rekursive Aufrufe, um zu veranlassen, dass der Browser beim Öffnen des Entwickler -Tools stecken bleibt. Diese Methode ist äußerst nicht weitergegeben, da sie die Benutzererfahrung ernsthaft beeinflussen und sogar Browser -Abstürze verursachen kann.

    // Diese Methode wird nicht empfohlen, da sie die Benutzererfahrung ernsthaft beeinflussen und Browserabstürze verursachen kann.
    // Verwenden Sie diesen Code nicht in der Produktionsumgebung.

Die obige Methode ist nicht narrensicher, es besteht immer die Möglichkeit, umgangen zu werden. Eine zuverlässigere Möglichkeit besteht darin, die gesamte Webseite in ein Bild umzuwandeln und den Benutzer vollständig daran zu hindern, die Wasserzeichenelemente zu entfernen. Die Auswahl der richtigen Strategie hängt vom Gleichgewicht der Sicherheitsanforderungen und der Benutzererfahrung ab.

Das obige ist der detaillierte Inhalt vonWie können Sie verhindern, dass Elemente im Browser versteckt werden?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!