HTML Guard Download - HTML Guard Quellcode Download

HTML Guard

Website-Daten

1.0.0

Herunterladen

Notiz

? Probieren Sie den erweiterten Projekt WebSafeCompiler für einen zuverlässigen Schutz Ihrer Website vor dem Kopieren oder einer Analyse des Quellcodes aus!

? HTML -Wache

Wenn Sie das statische Modul html-guard.js hinzufügen, verschleiert es automatisch das Seitenlayout. Schützen Sie Ihre Webanwendung/Website.

? Ermöglicht es, dynamische Ressourcen mit integrierten Funktionen zu verwenden, wodurch das statische Herunterladen von Stilen und Skripten verhindert wird.

Kurz über die Funktionen der HTML -Wache:

? Verschleierung von HTML (Auto)
? Dynamisches Hinzufügen von CSS/JS (erfordert Setup)
? Geschützte Attribute über Präfix _
? Devtools in allen Browsern blockieren
? Sperren Sie das Kontextmenü
? Blockieren Sie das Ziehen von einer Seite
? Blockieren Sie die Textauswahl auf einer Seite
? Blockkonsolenausgabe

? Fügen Sie es Ihrer Website hinzu

 <!DOCTYPE  html >
< html >
    < head >
        <!-- Site protection ON! -->
        < script src =" html-guard.min.js " > </ script >
        < script >
            // Configure protection & resource loading
        </ script >
    </ head >

    < body >
    </ body >
</ html >

✅ Konfigurieren

? Sicherer Stil/Skript Hinzufügen von Schutz (empfohlen)

Vermeiden Sie <link> . Dynamisch .CSS- und .js -Dateien dynamisch laden! Diese Methode ermöglicht es, Downloader von Websites wie web2zip.com zu umgehen. Durch die dynamische Zugabe von Site -Ressourcen können sie während der statischen Analyse nicht kopiert werden. In diesem Fall kann der Inhalt der Webanwendung aus offensichtlichen Gründen nicht geladen werden, wenn der HTML -Schutz aus den Abhängigkeiten entfernt wird.

 < script >
    // ADDING: Add link to 'style.css'
    HtmlGuard . loader . loadStyleByRef ( "styles.css" ) ;
</ script >

 < script >
    // ADDING: Add script "test.js" to head
    HtmlGuard . loader . loadScriptBySrc ( "test.js" ) ;

    //  OR

    // ADDING: Add script "test.js" to head after document loading
    HtmlGuard . loader . loadScriptBySrc_ContentLoaded ( "test.js" ) ;
</ script >

? Dynamischer Attribute Schutz (empfohlen)

Fügen Sie _ Präfix vor einem Attribut hinzu, damit src _src wird. Der HTML -Schutz lädt dieses Element automatisch

Diese Schutzmethode hat 2 Vorteile:

Bilder und andere Ressourcen werden nicht durch einen statischen Download der Website geladen
Ohne HTML -Wachattribute wird nicht geladen

Zum Beispiel:

 < img _src =" image.jpg " />

Block Dev-Tools (empfohlen)

Diese Funktion blockiert alle Versuche, Entwickler -Tools zu öffnen und, falls erkannt wird, die Seite neu lädt.

 < script >
    // PROTECTION: Disable DevTools
    HtmlGuard . protections . antiDevTools ( ) ;
</ script >

Kontextmenü deaktivieren

Blockiert das Öffnen des Standardkontextmenüs.

 < script >
    // PROTECTION: Disable context menu
    HtmlGuard . protections . blockContextMenu ( ) ;
</ script >

Drag deaktivieren

Der Benutzer kann Elemente nicht von der Website ziehen.

 < script >
    // PROTECTION: Disable drag
    HtmlGuard . protections . blockDrag ( ) ;
</ script >

Auswahl deaktivieren

Entfernt die Fähigkeit, die Auswahl zu verwenden.

 < script >
    // PROTECTION: Disable selection
    HtmlGuard . protections . blockSelection ( ) ;
</ script >

Konsolenausgabe deaktivieren

Dies wird nützlich sein, um Debug -Protokolle aus der Browserkonsole zu verbergen. Hooks -Funktionen wie log , debug , warn , error , dir , assert , table dirxml wodurch sie null zurückgegeben werden

 < script >
    // PROTECTION: Disable console output
    HtmlGuard . protections . blockConsoleOutput ( ) ;
</ script >

? Beispiel für die Verwendung

 < head >
<!-- Example of HTML-Guard protection -->

<!DOCTYPE html >
< html >

< head >
    < script src =" ../html-guard.js " > </ script >
    < script >
        // PROTECTION: Disable DevTools
        HtmlGuard . protections . antiDevTools ( ) ;

        // PROTECTION: Disable context menu
        HtmlGuard . protections . blockContextMenu ( ) ;

        // PROTECTION: Disable drag
        HtmlGuard . protections . blockDrag ( ) ;

        // PROTECTION: Disable selection
        HtmlGuard . protections . blockSelection ( ) ;

        // PROTECTION: Disable console output
        HtmlGuard . protections . blockConsoleOutput ( ) ;

        // ADDING: Add link to 'style.css'
        HtmlGuard . loader . loadStyleByRef ( "styles.css" ) ;

        // ADDING: Run 'test.js' script
        HtmlGuard . loader . loadScriptBySrc ( "test.js" ) ;
    </ script >
</ head >

< body >
    < div >
        <!-- '_id' is protected variant of 'id' -->
        < p > Hello, world! Time: < span _id =" time " > </ span > </ p >

        <!-- '_src' is protected variant of 'src' -->
        < img _src =" test.jpg " _alt =" Test image " />

    </ div >

    < a _href =" https://github.com/DosX-dev/HTML-Guard " > HTML Guard in GitHub! </ a >

</ body >

</ html >

Notiz

Dieses Modul ist mehr zum Schutz von Webanwendungen als für einfache Websites vorgesehen. Wenn Sie Anwendungen mit Frameworks wie ReactJs, VueJs (usw.) entwickeln, ist dieses Projekt perfekt für Sie

Expandieren

Zusätzliche Informationen